在HTML上水平滚动选择？

我需要我的选择在IE 10/11显示水平滚动的情况下，它有长标题的项目和垂直，如果它有更多的项目比平常

我用

overflow-x:auto尝试了
div
但选择上的垂直滚动隐藏在此div下，需要水平滚动

查找正在运行的参考代码

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>


12345678
78
910
123456
78
910
一二三四五六七八九十
78
910
123456
78
910
这里有一篇关于选择元素样式化的类似文章：


似乎很难对select元素进行样式化，因为每个浏览器都会对其进行解释。正如你在电视上看到的，即使接近你的要求，也不是很干净

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

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

因此，您不能以这种方式自定义您的选择：（
its不能解决问题，您提到的帖子与滚动条相关，但关于隐藏，我需要水平显示。无论如何，谢谢……相关帖子中的评论是："不，您无法控制选择框如此详细的外观。选择框通常显示为下拉列表，但没有任何说明它必须始终以这种方式显示。它的显示方式取决于系统，例如，在某些手机上，您根本没有下拉列表，但选择框覆盖了大部分或全部内容如果你想控制表单元素的细节，你必须用常规的HTML元素来创建你自己的表单控件（或者找其他已经这样做的人）。“所以我的答案是，你不能用一个选择输入来实现你的期望。