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

前端之家收集整理的这篇文章主要介绍了html – 无法覆盖用户代理样式表着色我的链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

我之前在其他网站上做过这个,没有问题只是简单地使用

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

但是,在这个特定的网站中,这不是颜色的技巧,而下划线被成功删除.我甚至尝试添加可怕的!重要标签,没有任何效果.

此问题已在Chrome,IE 11和Android(WebView)上看到.

当我使用Chrome的开发者控制台检查链接时,它会从用户代理样式表中提取其颜色属性,具体来说:

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

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

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

最佳答案
正如评论所说颜色:无;是无效的CSS.

这应该工作:

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

猜你在找的HTML相关文章