如何从超链接中删除蓝色

Question

您可以在此访问过的超链接上看到蓝色。我试图删除这个，但仍然无法知道如何做到这一点。

.myLink:visited,.myLink:hover,.myLink:focus,.myLink:active{
  color: inherit;
  text-decoration: none;
}

Answer 1

当您悬停时，它可能是您的outline或box-shadow或border ...您必须通过检查浏览器中的元素来检查...

使用以下css链接：悬停。

.myLink:visited,.myLink:hover,
.myLink:focus,.myLink:active{
  color: inherit;
  text-decoration: none;
  outline: none;
  box-shadow: none;
  border-color:transparent;
}

Answer 2

为了避免这种情况，最好添加css reset，这样就不需要总是覆盖默认的浏览器样式了。在你的情况下，它是浏览器应用的默认大纲。

结帐this page，它将解决此问题以及您稍后可能遇到的其他问题。

Answer 3

将此添加到您的css类

outline: none;
border: 0;

Answer 4

.myLink:visited{
     border:none;
}