我有一个带有禁用滚动条的选择多个元素。在 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>
Thanks!
看一下这个。
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 来处理滚动来解决此问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)