以前一直用的方法都是:
a {outline: none;star:expr
后来发现有瑕疵,不完美。体现在页面调用JS动作比较频繁的情况下,页面很卡~~~半个月内遇到两次这个问题,都是自己公司的平台。而网上却没有关于这个的说法·~~而大家也都是按部就班,我不得不写一写。
解决办法就是写成这样:
a:active {outline: none;star:expr
有的人怀疑,未什么不直接写在a里呢,为什么不这样写呢a {outline: none;star:expr
因为如果写在A里,那么不管是鼠标放上,鼠标点击,还是默认,都会执行star:expr
要同时兼容IE和火狐浏览器,样式直接写成以下就可以:
a {outline: none;}
a:active {star:expr
也可以单独写:
===IE===
为链接添加on
if(this.blur)this.blur()
===Firefox===
添加CSS
:focus{outline:0}
该CSS可以作为全局存在,即在样式表中单独存在一行该代码即可时全页面的链接不带有虚线框
===Chrome, Safari===
这两个浏览器在点击链接时本身没有虚线框
===Jquery框架===
如果你使用Jquery框架的话,可以添加以下代码即可实现(raycross 提供)
$("a").bind("focus",function() {
if(this.blur) {this.blur()};
});
最终我的用法是在CSS文件直接加入:
a {outline: none;}
a:active {star:expr
:focus { outline:0; }