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

白俊遥
2015-04-27 00:19:50
前端
HTML CSS

经测试在全部版本的ie和火狐浏浏览器中a标签点击后都会产生一个虚线框；
如下图的bootstrap的tab所示；
本身没有任何实际意义除了比较难看外；
白俊遥博客
解决这个问题可以通过为a标签添加focus事件：

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

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

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

本文为白俊遥原创文章,转载无需和我联系,但请注明来自白俊遥博客https://baijunyao.com 欢迎捐赠赞赏加入组织创建QQ群及捐赠渠道

上一篇：盘点jQuery弃用的函数
下一篇：解决ssh链接服务器超时自动断开的问题

请先登录后发表评论

latest comments
总共11条评论

NULL ：1

2017-03-18 18:11:57 回复

NULL ：1-1

2017-03-18 18:12:11 回复

NULL ：1-2

2017-03-18 18:12:35 回复

NULL ：1-3

2017-03-18 18:13:05 回复

NULL ：1-4

2017-03-18 18:14:03 回复

NULL ：1*-5

2017-03-18 18:17:46 回复

NULL ：1

2017-03-18 18:18:14 回复

NULL ：111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

2017-03-18 18:18:25 回复