CSS去除点击链接后出现的虚框

通常情况下，我们在浏览网页时，点击过的链接都会留有一个虚线方框．还有，我们在点击用图片制作Tab菜单选项切换选项时，Tab选项上会留下难看的虚框，这时我们应该想办法去除它．

在IE浏览器里，我们只需要在 a 标签中加入 hidefocus=”true” 属性：<a href=”” hidefocus=”true” title=””>siteface</a>;

而在Firefox等浏览器中定义CSS：a { outline:none; }或者a { outline:0; } 就可以了。

在IE里 hideFocus属性的意思即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus=”this.blur()” 它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。

另外，也可以在CSS文件里这样定义：

a { blr:expression(this.onFocus=this.blur()) } /*针对 IE*/

a { outline:none; } /*针对firefox等*/ 但要注意expression是容易引起性能问题的。

[本日志由 techmango 于 2010-07-06 10:55 PM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: CSSCSS hideFocushideFocus