这是可行的

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

这样做的目的是删除所有三个伪类的大纲。

我也想删除标签的默认蓝色链接颜色。 当我使用bootstrap版本5时，我决定在bootstrap文档中寻找解决方案。 我搜索了“链接颜色”，结果是这个链接:“https://getbootstrap.com/docs/5.0/helpers/colored-links/”

bootstrap版本5.0有一个类，自定义链接的颜色，我发现非常有帮助，我也能够改变我的'a'标签的默认蓝色没有任何麻烦。

希望这对你有帮助。

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

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

简单地添加到CSS中，

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

就这样，完成了。

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

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

这是可行的

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

这样做的目的是删除所有三个伪类的大纲。