无法覆盖 webkit-any-link答案

【问题标题】：cannot override webkit-any-link无法覆盖 webkit-any-link
【发布时间】：2016-02-09 23:08:34
【问题描述】：

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

我无法覆盖这个 CSS。我试过这个帖子 Blue lines under links on my site even though I've disabled all related CSS? 我尝试了很多。仍然无法正常工作。我不想修改每台机器来更改用户代理样式表。请帮忙。

【问题讨论】：

【解决方案1】：

如果你说的是样式

a:-webkit-any-link {
    color: -webkit-link;
    text-decoration: underline;
    cursor: auto;
}

正在以某种方式自动设置，而您想覆盖它，只需在 CSS 中设置锚样式即可：

a, a:link, a:visited, a:focus, a:hover, a:active{
  color:olive;
  text-decoration:none; 
  cursor: crosshair;
}

如果由于某种原因这不起作用，请添加其他选择器以增加规则的 specificity，例如

body a{
   ...
}

如果这仍然不起作用，请使用可怕的 !important

color:olive !important;

祝你好运！

【讨论】：

我尝试了不同的解决方案，例如使用!important，但最终有效的解决方案是在 h1 标记内的 html 代码中添加样式！
@Freddy，添加内联样式会增加特异性，如果您想了解更多关于为什么这样做有效的信息，请查看我发布的链接 - smashingmagazine.com/2007/07/…
一个更深入的问题是：为什么供应商浏览器会推动开发人员覆盖样式，而我们有一个带有特定规则的 CSS 规范来精确控制它...？

【解决方案2】：

当所有代码都正确时，大卫警告您的特殊性是覆盖规则的关键。没有看到你的代码，我不知道这是否适用于你，但其他编码员在这里登陆：请仔细检查你的规则。非常您的规则很可能有错字，导致无法识别并应用默认值。

【讨论】：

更多的是评论而不是答案。
也许，无论如何，我没有代表评论其他人的答案。但这是一个答案，我遇到了同样的问题（这就是我发现这个问题的方式），经过研究和摆弄，发现确切的错误可以通过拼写错误来实现，禁用他的规则，并且他得到了默认值。跨度>

【解决方案3】：

尝试通过以下方式全局覆盖它（注意不要使用逗号分隔来组合它们）：

:-webkit-any-link {
}

:-moz-any-link {
}

:any-link {
}

【讨论】：

【解决方案4】：

你可以通过设置属性来覆盖它

:any-link { color: green }
:any-link:active { color: orange }

【讨论】：

【解决方案5】：

我也遇到过类似情况。

<a href="#">
    <i class="icon-home"></i>
</a>

图标下划线，之后没有消失

a {text-decoration: none;}

结果，浏览器仍然显示下划线。由于此错误在另一个浏览器中不存在。解决方案非常简单：清除缓存和 cookie。这对我来说并不明显。

【讨论】：