萄Purple 2021-10-15 11:32 采纳率: 0%
浏览 125

input和datalist如果控制下拉框宽度大小固定?

input和datalist写了一个下拉标签查询
代码:

<input type="text" list="onlyList" placeholder="请输入">
<datalist id="onlyList">
  <c:forEach items="${nameList}" var="nameVar">
    <option value="${nameVar}">
  </c:forEach>
</datalist>


效果图:

img

期望图:

img

现在的效果图下拉框长度太长,希望显示十个字符,溢出隐藏,鼠标移上显示。

  • 写回答

1条回答 默认 最新

  • 关注

    使用style属性:

    style="width:200px"
    
    
    评论

报告相同问题?

问题事件

  • 创建了问题 10月15日

悬赏问题

  • ¥15 Pyqt 如何正确的关掉Qthread,并且释放其中的锁?
  • ¥30 网站服务器通过node.js部署了一个项目!前端访问失败
  • ¥15 WPS访问权限不足怎么解决
  • ¥15 java幂等控制问题
  • ¥15 海湾GST-DJ-N500
  • ¥15 氧化掩蔽层与注入条件关系
  • ¥15 Django DRF 如何反序列化得到Python对象类型数据
  • ¥15 多数据源与Hystrix的冲突
  • ¥15 如何在线硕士了解,广告太多,希望有真实接触过的人回答下?(标签-学习|关键词-在线硕士)
  • ¥15 zabbix6.4与frp如何进行联动