欢迎光临
我们一直在努力

css去除虚线边框

建站超值云服务器,限时71元/月
在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; }

相关css推荐:
css居中显示方法
css hack的原理以及解决方法
css实现滚动条美化

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » css去除虚线边框
分享到: 更多 (0)