选择框html水平滚动

Question

我想使用选择框，然后在溢出时在选择框中显示滚动

css

#selectbox{
 width:100%;
 overflow: scroll;
 }

HTML

<div style="width:140px;">
    <select name="selectbox" size="5"  id="selectbox">
        <option value="1">one two three four five six</option>
        <option value="2">seven eight</option>
        <option value="3">nine ten</option>
        <option value="1">one two three four five six</option>
        <option value="2">seven eight</option>
        <option value="3">nine ten</option>
        <option value="1">one two three four five six</option>
        <option value="2">seven eight</option>
        <option value="3">nine ten</option>
        <option value="1">one two three four five six</option>
        <option value="2">seven eight</option>
        <option value="3">nine ten</option>
    </select>
</div>

但只显示垂直滚动。如何解决这个问题？

Answer 1

要快速查看这些更改：请参阅此处

这些是变化：

1. 首先看到我已将 css 从 selectbox 更改为 div 的 CSS。这是因为我们希望允许在 div 上而不是在 selectbox 中滚动。

2. 使用

   overflow-x:auto;
   overflow-y:auto;
   

3. 设置 div 的宽度以查看滚动效果。

4. 此处删除了宽度，因为它与之前的定义相冲突。

要查看工作演示：请参见此处