javascript - IE。通过属性 "disabled"<Select> block 滚动条禁用

Question

当我尝试禁用“select”元素时，在 Internet Explorer 中，said 的滚动条也被禁用了。在 Chrome 和 Firefox 中，滚动条运行良好。这个问题有解决方法吗？

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

Answer 1

你可以这样试试，

<div class="test" style="height:100px;width:65px;overflow-x:hidden;">
 <select size="5" multiple disabled>
    <option>value 1</option>
    <option>value 2</option>
    <option>value 3</option>
    <option>value 4</option>
    <option>value 5</option>
    <option>value 6</option>
    <option>value 7</option>
    <option>value 8</option>
 </select>
</div>

单纯的select是行不通的，所以希望alternative可以帮助你解决问题。

这是 jsfiddle 的有效 IE 链接