HTML select 元素 disabled 属性在主流浏览器中的表现-逊云锋-ChinaUnix博客

逊云锋的ChinaUnix博客

首页　| 　博文目录　| 　关于我

逊云锋

博客访问： 881012
博文数量： 372
博客积分： 10063
博客等级：中将
技术积分： 4220
用户组：普通用户
注册时间： 2012-02-24 11:36

文章分类

全部博文（372）

php（0）
net（1）
设计模式（2）
sharepoint（2）
arc（2）
xml（1）
Oracle（4）
ＳＱＬ（6）
DataBase（2）
css（2）
LOGO（2）
Ruby（0）
vstl（1）
WPF应用（3）
LING（1）
Delphi（0）
python（1）
javafx（3）
java（4）
linux（0）
Azure（4）
could（3）
hadoop（2）
Web前端（5）
平台开发（4）
C#, 模板引擎（7）
架构实战（2）
Object-oriented（2）
负载均衡（3）
web架构师（5）
Extjs（1）
Javascript（16）
HTML（21）
jquery（21）
未分配的博文（239）

文章存档

2012年（372）

我的朋友

相关博文

HTML select 元素 disabled 属性在主流浏览器中的表现

分类：系统运维

2012-04-03 21:43:09

测试页面源代码

我们有以下测试文件 test.html:

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="">
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
 <title>Testtitle>
head>
<body>
 <div>
   <select size="5" disabled="disabled">
     <option value="C1">Blackoption>
     <option value="C2">DarkCyanoption>
     <option value="C3" selected="selected">DarkRedoption>
     <option value="C4">DarkMagentaoption>
   select>
   <select size="5">
     <option value="C1">Blackoption>
     <option value="C2">DarkCyanoption>
     <option value="C3" selected="selected">DarkRedoption>
     <option value="C4">DarkMagentaoption>
   select>
   <input type="text" />
 div>
body>
html>复制代码

然后看看这个 HTML 文件在主流浏览器中的表现。

Opera

opera

可以看出，显示效果非常好，disabled 的控件背景是灰色的，正确地标示出 selected 的项目。

Mozilla Firefox

Firefox

显示效果也很好，disabled 的控件前景是灰色的，也正确地标示出了 selected 的项。

Google Chrome

Chrome

显示效果非常不好，disabled 的控件前景是灰色的，但是 selected 项的内容悲剧了。

Apple Safari

Safari

显示效果也很好，disabled 的控制前景是灰色的，selected 的项目也被正确地标示出来了。

Microsoft IE 的各种版本

IE 5.5

IE 6

IE 7

Microsoft IE 5.5、IE 6 和 IE 7 的显示效果基本上是一样的，都相当不错，disabled 的控件前景是灰色的，也正确标示出 selected 的项目。这三个版本的浏览器已经过时了，不能算是主流的浏览器，但是 IE 6 在我国应该还是有相当的市场的。

IE8

IE 9

IE 8 和 IE9 悲剧了，disabled 的控件前景是灰色的，这很好。但是 selected 的项目没有被标示出来，这是个很严重的 bug。这两个版本浏览器是主流的浏览器，Windows XP 最高只能安装到 IE 8，Windows Vista 最高也只能安装到 IE 9。

IE 10

IE 10 的显示效果也非常好，disabled 的控件背景是灰色的，正确标示出 selected 的项目。不过 IE 10 需要 Windows 8 操作系统才能安装。

总结

Microsoft IE 5.5、IE 6、IE7、IE 10、Mozilla Firefox、Apple Safari 和 Opera 等浏览器对 HTML select 元素的 disabled 属性支持都很不错。而 IE 8、IE 9 和 Chrome 都有 bug，不能很好支持。不知道有没有办法在 HTML 源代码补救这一 bug。

阅读(465) | 评论(0) | 转发(0) |

上一篇：Extjs 下拉ComboBox分页，图片，多行显示

下一篇：Javascript（JS)中的大括号{}和中括号[]详解

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6