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

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

使用style属性:

style="width:200px"