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


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

白俊遥博客



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

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

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


白俊遥博客
请先登陆后发表评论
  • 最新评论
  • 总共1条评论
白俊遥博客

邦子白俊遥博客小白,可以问在哪为a标签加这条属性吗

2016-11-29 17:08:18 回复

白俊遥博客
  • 云淡风晴 回复 邦子:<style type="text/css"></style>或者css文件中;
  • 2016-12-05 23:09:26 回复