去掉火狐图片链接虚线

通常在日常中写css代码的时候,给图片加上链接,在点击的时候,firefox总会在图片的边框上加上一条虚线。

这样看起来的话非常影响美观,而解决这小小虚线的办法也很简单,只需要为a元素添加上一句outline:none的属性就可以了。

如下:
<style type="text/css">
    a{outline:none;}
<style>


或者用:
<style type="text/css">
    a{blr:e­xpression(this.onFocus=this.close());} /* 针对IE */
    a:focus { -moz-outline-style: none; } /*针对firefox*/
<style>

能连IE中的虚线问题也一并解决了。

Related Posts

  • inline-block的小测试
  • CSS3 PIE – 让 IE 支持 CSS3
  • CSS Hack笔记
  • chrome不支持12px以下字体大小的解决方案
  • 获取指定元素CSS属性值