如何在html的选择框中制作水平滚动条

Question

我要创建此滚动条。我添加了溢出-y，用div包裹，溢出：自动，设置大小，但没有用。有人可以帮我吗？

Answer 1

HTML Select不支持水平滚动条。但是，有一种解决方法：

HTML：

<div class="scroll">
<select size="6" multiple="multiple">
    <option value="1" selected>option 1</option>
    <option value="2">option 2</option>
    <option value="3">option 3</option>
    <option value="4">option 4</option>
    <option value="5">option 5</option>
    <option value="6">option 6</option>
</select>
</div>

CSS：

<style type="text/css">
 .scroll{
   overflow: auto;
   width: 60px;
   height: 70px;
   border: 1px silver solid;
 }
 .scroll select{
   border: none;
 }
</style>