消除a标签点击后产生的虚线框-白红宇

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

阅读量：7048 次

发布时间：2019-06-28

本文共 364 字，大约阅读时间需要 1 分钟。

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

3_副本.jpg

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

那么新的问题来了；如果有很多很多的a标签难道要为每个a标签都添加focus事件？

当然不了，下面就是要介绍一个更加简单粗暴的方法批量一次性解决所有；

那就是为a标签添加这条属性：

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

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

转载于:https://my.oschina.net/u/2296413/blog/406604

你可能感兴趣的文章

学习OpenGL ES之什么是Shader？

从零开始实现一个简易的Java MVC框架

查看>>

iOS 12, watchOS 5, macOS Mojave 10 14, tvOS 12 等beta版描述文件下载

查看>>

Python3爬虫-04-模拟登录爬取企信宝200页数据

查看>>

javascript设计模式

查看>>

打造 Laravel 优美架构谈可维护性与弹性设计

查看>>

JS每日一题: 请简述一下vuex实现原理

查看>>

从 TodoList 中学父子组件通信

查看>>

用koa开发一套内容管理系统（CMS），支持javascript和typescript双语言

LeetCode刷题——29. Divide Two Integers（Part 1靠自己）

查看>>

前嗅ForeSpider教程：数据浏览与可视化

查看>>

SQLServer之锁简介

查看>>

Spring Boot 参考指南（开发者工具）

查看>>

Linux 程序包的管理

查看>>

JavaScript 异步、栈、事件循环、任务队列

查看>>

图解 React Virtual DOM

查看>>