如何从超链接中删除蓝色

时间:2018-02-10 05:38:09

标签: html css

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

enter image description here

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

4 个答案:

答案 0 :(得分:1)

当您悬停时,它可能是您的outlinebox-shadowborder ...您必须通过检查浏览器中的元素来检查...

使用以下css链接:悬停。

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:1)

将此添加到您的css类

outline: none;
border: 0;

答案 3 :(得分:-1)

.myLink:visited{
     border:none;
}