竖直滚动的禁用<多个元素不能在IE中工作

vertical scrolling of disabled <select> mutliple element not working in IE

本文关键字：不能 元素 IE 工作 滚动      更新时间：2023-09-26

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

是否有办法迫使IE的行为像Chrome/FF在相同的方式?这基本上是一个只读的多选择选择列表，在那里他们可以看到哪些元素被选中了。

下面是一些示例代码和小提琴(http://jsfiddle.net/2ET44/2/:

)
<select multiple size="5" style="max-height:50px" 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>

谢谢!

看看这个
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>
CSS: 

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

小提琴在这里:http://jsfiddle.net/2ET44/4/

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>
相关文章：