如何在IE中的选择框中获取水平滚动条？

Question

我尝试实现以下代码

<div class="functionitem" id="selector_cat">
  <select name="sets" style="overflow:auto;width:100px;">
    <option value="general">happy holiday</option>
    <option value="garden">Garden</option>
    <option value="Lunch">Lunch</option>
    <option value="nice day">A nice day out with my friend on the beach</option>
  </select>
</div>

第四个选项菜单的右侧部分缺失,任何人都可以告诉我在IE中使水平滚动工作,如果没有,有没有其他方法可以让它工作,谢谢!

抱歉有任何困惑,我想要的是下拉框中的水平滚动条,我希望它固定宽度100px; 但我想显示整个内容,我假设用户可以向右滚动,如果他们想在下拉选择框中看到整个句子,

Answer 1

我\xe2\x80\x99m不太确定你\xe2\x80\x99想要实现什么。这只是一个select列表。只需删除您的样式，它就会自动根据您的内容调整大小。

\n\n

编辑

\n\n

使包含列表的容器滚动。注意：这个的可用性有些问题，所以我会在页面上实现类似的东西之前寻找另一个解决方案。

\n\n

<div id="selector_cat"> \n    <select name="sets">\n        <option value="general">happy holiday</option>\n        <option value="garden">Garden</option>\n        <option value="Lunch">Lunch</option>\n        <option value="nice day">A nice day out with my friend on the beach</option>\n    </select>\n</div>\n

\n\n

#selector_cat{\n    width: 100px; \n    overflow: auto;\n}\n

\n