如何在选择框中管理水平和垂直滚动条？

Question

我想在选择框中添加水平滚动条。我已尝试使用以下代码示例的div部分，但

 <div id="topicsInterest_id" style="width:180px;height:280px;overflow-y:hidden;overflow-x:scroll;">

            <select id="topicsinterest" name="topicsinterest" multiple="multiple" style="width:400px;height:270px;" class="inputtxtbox">
             <option> ...</option>
            </select>
 </div> 

但是客户端说主题列表上的滚动框等垂直滚动器......看不见了？它应该在右侧......

请在选择框中帮助管理如何使用水平滚动条管理垂直滚动，如

由于

Answer 1

请参阅此demo

您只需删除overflow-y:hidden;overflow-x:scroll;并将其设置为

即可

overflow:auto;   // show Scroll when Required`  

OR

overflow:scroll;  //if you want to show scroll always

Answer 2

您已设置overflow-y: hidden;，它完全指定了显示的行为（不显示垂直滚动条）。

如果您设置overflow-y: scroll;，它将会显示。