a标签加一个href 出现蓝色边框 求解

Question

在给a标签加上一个href链接后 出现在pad上蓝色边框，用 outline：none text-decoration:none; 都不行，求解

Answer 1

给focus和active伪类加上outline: none

Answer 2

-webkit-tap-highlight-color:transparent

Answer 3

关于超链接有5中相关伪类:link :visited :hover :focus active 未访问的时候是:link,所以可以a:link{outline:none;}如果给所有的伪类添加样式，注意css的定义顺序一定要是:link :visited :hover :focus active，因为超链接有可能会同时应用两种样式，如hover在一个未访问链接的时候，如果样式如下：

a:hover{color: green;}
a:link{color: red;}

此时的color是red，而不是green，因为上面两个有同样的优先级，所有后定义的会覆盖先定义的样式。

Answer 4

调试时没有开发工具可以看吗？？看他的样式不就知道了

Answer 5

a:active,
a:hover {
outline: none;
}

Answer 6

估计是浏览器加上的，解决方法按上面兄弟说的。

Answer 7

是不是hover后设置了样式

Answer 8

给a标签加，a{outline: none}

Answer 9

可能是浏览器的默认样式，你在重置样式里给a标签设置一下