侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

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

2023-12-19 星期二 / 0 评论 / 0 点赞 / 19 阅读 / 984 字

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

经测试在全部版本的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       


广告 广告

评论区