标签:html javascript internet-explorer html-select disabled-input
我有一个带有滚动条的被禁用的选择多个元素.在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
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。