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

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

看这个演示

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

overflow:auto;   // show Scroll when Required`  

或者

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

Answer 2

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

如果您设置overflow-y: scroll;它将是可见的。