去掉超链接点击时出现的虚线框(好像只有IE能识别)

来源:互联网 发布:linux中for命令 编辑:程序博客网 时间:2024/04/30 08:41

原型:<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

只需要加上一个属性就可以了  outlinenone 这样在ff里边就不显示了

方案:以前一直用的方法都是:a{outline:none;star:expression(this.onFocus=this.blur());} ,后来发现会有瑕疵,不完美,体现在页面调用JS比较频繁的情况下,页面很卡,半个月内遇到两次这个问题,都是自己公司的平台,而网上却没有关于这个的说法,而大家也都是按部就班,我不得不写一写。解决办法就是写与这样:a:active{outline:none;star:expression(this.onfocus=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的大小写无关>
原创粉丝点击