如何在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;
}