如果我创建一个 HTML 锚标记并设置disabled
属性为 true,我在不同的浏览器中得到不同的行为(惊喜!惊喜!)。
我创建了一个fiddle http://jsfiddle.net/dhoerster/QWhsj/展示。
在 IE9 中,该链接呈灰色,并且不会传输到 HREF 位置。
在 Chrome/FF/Safari 中,链接为正常颜色,并将传输到 HREF 位置。
正确的行为应该是什么? IE9 渲染错误吗?我应该实现一些 CSS 和 javascript 来修复它;还是 Chrome/FF/Safari 不正确并且最终会赶上?
提前致谢。
在这种情况下,IE 似乎表现不正确。
请参阅 HTML5 规范
禁用的 IDL 属性仅适用于样式表链接。当。。。的时候
link元素定义了一个样式表链接,然后是disabled属性
其行为与替代样式表 DOM 的定义相同。对于所有其他
link 元素它总是返回 false 并且对设置不执行任何操作。
http://dev.w3.org/html5/spec/Overview.html#the-link-element http://dev.w3.org/html5/spec/Overview.html#the-link-element
HTML4 规范甚至没有提到disabled
http://www.w3.org/TR/html401/struct/links.html#h-12.2 http://www.w3.org/TR/html401/struct/links.html#h-12.2
EDIT
我认为跨浏览器获得这种效果的唯一方法是js/css,如下所示:
#link{
text-decoration:none;
color: #ccc;
}
js
$('#link').click(function(e){
e.preventDefault();
});
例子:http://jsfiddle.net/jasongennaro/QGWcn/ http://jsfiddle.net/jasongennaro/QGWcn/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)