记得之前有一段时间流行解决方法是:
a {outline: none; star:expression(this.onFocus=this.blur());}
后来大家发现在页面调用JS动作比较频繁的情况下,页面很卡。于是,改良后的解决办法变成这样:
a:active {outline: none; star:expression(this.onFocus=this.blur());}
写在a:active里,意思就是点击时才执行,才去掉虚线框。这样鼠标在放上A和默认的情况下就不会太耗资源,卡滴现象就大为改善咧。
如要同时兼容IE和火狐浏览器滴话,样式直接写成以下就可以:
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
也可以单独写:
===IE===
为链接添加onFocus事件
if(this.blur) this.blur()
===Firefox===
添加CSS
:focus{outline:0}
该CSS可以作为全局存在,即在样式表中单独存在一行该代码即可时全页面的链接不带有虚线框
=== Chrome, Safari ===
这两个浏览器在点击链接时本身没有虚线框
=== Jquery ===
如果你使用Jquery框架的话,可以添加以下代码即可实现
$("a").bind("focus",function() {
if(this.blur) {this.blur()};
});
如果不想动不动就扯JQuery出来,那么就跟我一样往>CSS文件里直接加入如下代码吧:
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }