无法覆盖用户代理样式表着色我的链接

Question

这些简单的问题总是困扰着我。

我正在构建一个非常简单的页面，我希望超链接不会被特别着色（最初不是蓝色，访问时不是紫色）或带下划线。

我之前在其他网站上完成了此操作，只是使用

而没有问题

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

然而，在这个特定的网站中，这不是颜色的技巧，而成功删除了下划线。我甚至尝试添加可怕的!important标签，但没有效果。

此问题已在Chrome，IE 11和Android（WebView）上看到。

当我使用Chrome的开发者控制台检查链接时，它会从color中提取user agent stylesheet属性，具体为：

a:-webkit-any-link {
    color: -webkit-link;
}

所以我尝试在我的样式表中明确地覆盖它，方法是将a:-webkit-any-link添加到我的标记列表中，以便再次将color: none属性应用于无效。我还在各种组合中添加了a:any-link和a:link，但无济于事。

关于我忽略的明显解决方案的想法？

Answer 1

正如评论所说color:none;无效css。

这应该有效：

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

Answer 2

将其更改为color: inherit并且有效。我的愚蠢疏忽。