水平滚动条无法在Internet Explorer中选择标记

Question

水平滚动条不适用于Internet Explorer中的选择标记。

示例：

<select multiple="multiple" style="width: 250px; overflow-x: auto">
  <option value="4">Option 1</option>
  <option value="4">Option 2</option>
  <option value="4">Veeeeeeeeeeeeeeeeeeeeeeeryyyy Long Option</option>
  <option value="4">Option 3</option>
</select>

铬：

Internet Explorer：

如何在IE中使select标签水平滚动？

Answer 1

这可能有效：

select{
    overflow-x: hidden;
}

select:hover{
    overflow-x: scroll;
}

被授予，用户在元素悬停之前不会看到滚动条。

Answer 2

把它放在一个div中并设计它：

<div style="width: 250px; overflow-x:scroll;">
<select multiple="multiple" >
     <option value="4">Option 1</option>
     <option value="4">Option 2</option>
     <option value="4">Veeeeeeeeeeeeeeeeeeeeeeeryyyy Long Option</option>
     <option value="4">Option 3</option>
</select>
</div>