css去除虚线边框的几种方法

发布时间:2020-01-23编辑:脚本学堂
本文介绍了css中去除虚线边框的几种方法,如何用css去掉虚线框,并同时兼容ie与火狐浏览器,有需要的朋友参考下。

css样式表设计中,在点击css的链接对象时,网页中会出现虚线边框,怎么去掉这个虚线边框呢?
本节脚本学堂小编为大家分享几个例子,朋友们做个参考。

要同时兼容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()};
});
 

最终方法是在css文件直接加入:
 

复制代码 代码示例:
a {outline: none;}
a:active {star:expression(this.onfocus=this.blur());}
:focus { outline:0; }