如何删除html超链接'a'标签的默认链接颜色？

Question

默认链接颜色为蓝色.如何删除html超链接标记的默认链接颜色<a>？

Answer 1

在继承财产:

a { color: inherit; } 

...会使元素呈现其父元素的颜色(这是我认为你正在寻找的).

Answer 2

你可以做这样的事情:

a {
    color: #0060B6;
    text-decoration: none;
}

a:hover 
{
     color:#00A0C6; 
     text-decoration:none; 
     cursor:pointer;  
}

Answer 3

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

我觉得有必要发布上面的类定义,SO的许多答案都会错过一些状态

Answer 4

如果您不想看到浏览器提供的文本修饰和默认颜色,则可以将以下代码保留在main.css文件的顶部.因此,如果您需要一些不同的颜色和装饰样式属性,则可以在样式文件中的此代码段的下方轻松覆盖.

 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

Answer 5

你必须使用CSS.这是一个更改默认链接颜色的示例,当链接只是坐在那里,何时被悬停以及它是一个活动链接时.

a:link {
  color: red;
}

a:hover {
  color: blue;
}

a:active {
  color: green;
}

<a href='http://google.com'>Google</a>

Answer 6

这也是可能的:

        a {
            all: unset;
        }

unset:此关键字指示将所有应用于元素或元素父级的属性更改为其父值(如果它们是可继承的)或更改为初始值(如果不可以).unicode-bidi和direction值不受影响.

资料来源:Mozilla所有的描述

Answer 7

只需将其添加到中CSS，

a {
    color: inherit;
    text-decoration: none;
}

就这样，完成了。