Javascript 禁用的垂直滚动<；选择>；多个元素在IE中不工作

我有一个带有滚动条的selectmultiple元素被禁用。在Windows上的Chrome和Firefox中，它仍然可以滚动，但无法进行选择。然而在IE中，它是不可滚动的，所以并不是所有的选项都可以看到

有没有办法强迫IE以同样的方式表现得像Chrome/FF？这基本上是多选选择列表的只读表示，用户可以在其中查看所选的元素

下面是一些示例代码和一个提琴（：

数值1
val 2
val 3
val 4
瓦尔5
价值6
瓦尔7
瓦尔8
瓦尔9
瓦尔10

谢谢！

看看这个。
HTML:

<div id="options">
<select multiple size="5" style="height:165px" disabled>
    <option>value number 1</option>
    <option>val 2</option>
    <option>val 3</option>
    <option>val 4</option>
    <option>val 5</option>
    <option>value 6</option>
    <option>val 7</option>
    <option>val 8</option>
    <option>val 9</option>
    <option>val 10</option>
</select>
</div>

#options {
    height:50px;
    width:115px;
    overflow-x:hidden;
}

这是小提琴：

---

IE只是以另一种方式运行。您可以通过使用div来处理滚动来解决此问题。

尝试禁用选项，而不是选择

 <select size="5" style="height:100px" >
 <option disabled>value 1</option>
 <option disabled>value 2</option>
 <option disabled>value 3</option>
 <option disabled>value 4</option>
 <option disabled>value 5</option>
 <option disabled>value 6</option>
 <option disabled>value 7</option>
 <option disabled>value 8</option>
 </select>

值1
价值2
价值3
价值4
价值5
价值6
价值7
价值8

如果可能的话，这必须用Javascript完成。我会在问题中添加Javascript标记。如果确实不可能，给选项空值是否是一个解决办法？我添加了Javascript标记，谢谢。->这家伙在每个选项中添加了禁用标记，并在select上添加了一个只读标记。这有帮助吗全部的

 <select size="5" style="height:100px" >
 <option disabled>value 1</option>
 <option disabled>value 2</option>
 <option disabled>value 3</option>
 <option disabled>value 4</option>
 <option disabled>value 5</option>
 <option disabled>value 6</option>
 <option disabled>value 7</option>
 <option disabled>value 8</option>
 </select>