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

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

解决这个问题能够经过为a标签添加focus事件：<a onfocus="this.blur();">test1</a>

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

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

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