HTML select 元素 disabled 后在 IE9 等浏览器中能正确显示

microblue microblue 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
如下示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Test</title>
</head>
<body>
<div>
<select size="5" disabled="disabled">
<option value="C1">Black</option>
<option value="C2">DarkCyan</option>
<option value="C3" selected="selected">DarkRed</option>
<option value="C4">DarkMagenta</option>
</select>
<select size="5">
<option value="C1">Black</option>
<option value="C2">DarkCyan</option>
<option value="C3" selected="selected">DarkRed</option>
<option value="C4">DarkMagenta</option>
</select>
<input type="text" />
</div>
</body>
</html>

在 IE 9 浏览器中的显示效果如下图:

如图所示,disabled 控件中 selected 的项没有被标示出来。但在 IE 10 浏览器中是正常的,如下所示:

更多的情况请参见: HTML select 元素 disabled 属性在主流浏览器中的表现。
有没有谁知道如何修改 HTML 源代码,以补救 IE 8、IE 9 和 Chrome 浏览器的相应 bug ?
...全文

相关推荐

用jQuery解决IE不支持的option disable属性

使用jQuery解决IE不支持的option disable属性

weixin_38593723

细说浏览器特性检测(1)-jQuery1.4添加部分

浏览器特性检测即通过探测对象是否拥有某个属性或者函数,或者通过其他的编码探测方式,来决定其是否支持某一功能、特性。

weixin_38557370

如何使用JS获取IE上传文件路径(IE7,8)

代码如下:function validateFileSize(id, maxsize) {            var btnsave = document.getElementById(“Button2”);            btnsave.disabled = false;            var filepath = “”;            var fileupload = document.getElementById(id);            if (fileupload.value.length &lt; 5) { alert&#40;‘请选择文件!’&#41;; return

weixin_38628647

Bootstrap select下拉联动(jQuery cxselect)

主要为大家详细介绍了Bootstrap select下拉联动,JQuery插件之cxselect,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

weixin_38584731

JavaScript对IE操作的经典代码(推荐)

这段时间一直在用ajax技术做东东,所以也就有更多机会对JavaScript知识进行学习。之前在网上搜集了一些关于JavaScript对IE操作的代码(具体在哪里cope的记不清了,所以出处就不加了),感觉在开发过程中很有用,当然只适用于IE,FF会有问题的。现在贴出来分享。 代码如下:1.将彻底屏蔽鼠标右键oncontextmenu=”window.event.returnvalue=false”可用于Tableno 2.取消选取、防止复制&lt;bodyonselectstart=”returnfals

weixin_38703277
评论 8
收藏 已收藏
分享
返回顶部
microblue
CSS 61,116 成员 60,701 内容