去掉IE和Firefox点击链接时的焦点虚线框

当你把链接定义成一个漂亮的触发按钮时，它不再需要按下时简陋的虚线框来帮助识别了，即碍眼又破坏设计的美感，这时就该干掉虚线框！
IE里需要在 a 标签中加入 hidefocus=”true” 属性：<a href=”” hidefocus=”true” title=””>siteface</a>
而在Firefox等浏览器中定义CSS：a { outline:none; }或者a { outline:0; } 就可以了。
在IE里 hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：
onFocus=”true”
它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。
也可以在CSS文件里这样定义：
a{blur:expression(this.blur());}/*针对 IE*/
a { outline:none; } /*针对firefox等*/
但要注意expression是容易引起性能问题的。

评论

1 楼 nesnil 2011-05-04  

盲人使用的时候会很困扰哦!
如果是有无障碍浏览的需求时, 是不可取的.