css消除a标签点击后的虚线框

当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个虚线框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过Firefox或者IE等几个版本看到。而Safari、Opera、Google浏览器等本身就不支持这个效果，所以看不到。 这个就是a标签被聚焦后出现了虚线框，也就是outline。

 

解决方案：

1、a:focus {

outline-style:none; 

-moz-outline-style: none;

}

2、<a href="#" onFocus="this.blur()">css</a>