在css样式表设计中,我们经常会遇到在点击css的链接对象时,网页中会出现虚线边框,那如何去掉这个虚线边框呢?现在系统天堂小编就带您一起来研究了解下!
要同时兼容IE和火狐浏览器,样式直接写成以下就可以:
要同时兼容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; }
相关css推荐:
css居中显示方法
css hack的原理以及解决方法
css实现滚动条美化