原型:<style type=”text/css”>
a,img {可以自定义的属性: expression(onfocus=function(){this.blur()})}
</style>也可引用外联css文件,把上面的style中间的那句代码写入css文件同样可以实现去掉虚线框
下面的好像都可以做到:
<style type=”text/css”>
a,img {zuo: expression(onfocus=function(){this.blur()})}
</style>
FF
只需要加上一个属性就可以了 outline:none; 这样在ff里边就不显示了
方案:以前一直用的方法都是:a{outline:none;star:expression(this.onFocus=this.blur());} ,后来发现会有瑕疵,不完美,体现在页面调用JS比较频繁的情况下,页面很卡,半个月内遇到两次这个问题,都是自己公司的平台,而网上却没有关于这个的说法,而大家也都是按部就班,我不得不写一写。解决办法就是写与这样:a:active{outline:none;star:expression(this.οnfοcus=this.blur());},有的人怀疑为什么不直接写在a里呢,为什么 不这样写a{outline:none;star:expression(this.focus=this.blur();)},原来我也这么认为,原来也发现没什么问题,可最近在做另一个项目的时候 ,页面调用JS比较多,问题就来了,整个页面会很卡,起初我找不到原因,后来一个个排除原因,最终找到罪魁祸首竟然是css样式表。因为如果写在A里,那么不管是鼠标放上鼠标点击,还是默认,都会执行star:expression(this.onFocus=this.blur());这个代码相对于IE来说就是一个css的动作调用,和JS原理一样,页面资源耗不起啊,也算是IE的BUG吧,我们实现 的效果是要点击的时候,没有虚线,所以我写在a:active里就可以了,意思就是点击的时候才执行,才去掉虚线框,这样鼠标放在A和默认的情况下就不会卡,要同时兼容IE和ff浏览器,样式直接写成以下就可以:
a{outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
最终用法:a{outline:none:}<>
A:active{star:expression(this.onFocus=this.blur());}
A:focus{outline:0;}
< 本人发现 A 的大小写无关 >