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

经测试在全部版本的ie和火狐浏浏览器中a标签点击后都会产生一个虚线框，如下图的bootstrap的tab所示；本身没有任何实际意义除了比较难看外；

解决这个问题可以通过为a标签添加focus事件：<a οnfοcus="this.blur();">test1</a>

那么新的问题来了；如果有很多很多的a标签难道要为每个a标签都添加focus事件？
当然不了，下面就是要介绍一个更加简单粗暴的方法批量一次性解决所有；
那就是为a标签添加这条属性：

a:focus {
  outline:none; 
  -moz-outline:none;
}

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客baijunyao.com