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

作者:陈三顺子 日期:2021-08-13 10:35:29 点击:3804

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

白俊遥博客


解决这个问题可以通过为a标签添加focus事件:


<a onfocus="this.blur();">test1</a>


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

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


评论 0 人参, 0 条评论