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

Question

默认链接颜色为蓝色。 如何删除 html 超链接标签 的默认链接颜色？

Answer 1

尝试这样的事情：

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

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

如果text-decoration不起作用，请将其更改为：

text-decoration: none !important;

!important 规则会覆盖 text-decoration 属性的所有其他样式。您可以在此处阅读更多相关信息。

Answer 2

继承值：

a { color: inherit; }

...将导致元素呈现其父级的颜色（我认为这就是您正在寻找的）。

现场演示如下：

a {
  color: inherit;
}

<p>The default color of the html element is black. The default colour of the body and of a paragraph is inherited. This
  <a href="http://example.com">link</a> would normally take on the default link or visited color, but has been styled to inherit the color from the paragraph.</p>