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

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;
}