html - 如何在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

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

编辑

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

<div id="selector_cat"> 
    <select name="sets">
        <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>

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