Question

我需要在IE 10/11中选择显示水平滚动，以防它有长标题项目和垂直，如果它有更多项目，那么通常。

我使用div尝试overflow-x:auto;，但在此div下选择隐藏的垂直滚动并需要水平滚动。

查找正在运行的参考代码here。

HTML是：

<div style="width:140px; overflow-x:auto;">
    <select name="selectbox" size="5"  id="selectbox" >
        <option>one two three four five six seven eight</option>
        <option>seven eight</option>
        <option>nine ten</option>
        <option>one two three four five six</option>
        <option>seven eight</option>
        <option>nine ten</option>
        <option>one two three four five six seven eight nine ten</option>
        <option>seven eight</option>
        <option>nine ten</option>
        <option>one two three four five six</option>
        <option>seven eight</option>
        <option>nine ten</option>
    </select>
</div>

Answer 1

关于样式化选择元素的类似帖子在这里：

Hide vertical scrollbar in <select> element

选择元素的样式化似乎非常困难，因为每个浏览器都会解释它。正如你在this fiddle上看到的那样，即使它接近你的要求它也不是很干净。

.bloc {
    width: 140px;
    border: 1px solid grey;
    display: inline-block;
    overflow: auto;
}

#selectbox {
    height: 100%;
    padding: 10px;
    margin:-5px -20px -5px -5px;
}

因此，您无法以这种方式自定义您的选择：（

HTML上的水平滚动选择？

1 个答案: