javascript-禁用的mutiple元素的垂直滚动在IE中不起作用

我有一个带有滚动条的被禁用的选择多个元素.在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处理滚动来解决此问题.

标签：html,javascript,internet-explorer,html-select,disabled-input
来源： https://codeday.me/bug/20191011/1889776.html