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

这会工作

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

这是删除所有三个伪类的轮廓。

a:link{color:inherit;}

这是简单的一行就可以为您做所有事情<3

您可以使用CSS 2.0引入但CSS 3中已弃用的System Color（18.2）值。

a:link, a:hover, a:active { color: WindowText; }

这样，您的锚点链接将具有与该系统上普通文档文本相同的颜色。

只需将其添加到中CSS，

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

就这样，完成了。

这也是可能的：

        a {
            all: unset;
        }

unset：此关键字指示将应用于元素或元素父级的所有属性更改为它们的父级值（如果它们是可继承的），否则更改为其初始值。unicode-bidi和direction值不受影响。

资料来源：Mozilla的所有描述

您可以执行以下操作：

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

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

如果文本装饰不起作用，则包括文本装饰：none！important;

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

我觉得有必要发布上面的类定义，所以很多答案都错过了一些状态

如果您不想看到浏览器提供的下划线和默认颜色，则可以将以下代码保留在main.css文件的顶部。如果您需要不同的颜色和装饰样式，则可以使用以下代码片段轻松覆盖默认值。

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

在继承值：

a { color: inherit; } 

……将使元素呈现其父元素的颜色（这是我认为您要寻找的颜色）。