webkit-any-link无法覆盖

Question

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? 我尝试了很多。仍然没有用。我不想修改每台机器来更改用户代理样式表。 请帮忙。

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

直播：https://jsfiddle.net/panchroma/z7mkvbeu/

祝你好运！

Answer 2

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

:-webkit-any-link {
}

:-moz-any-link {
}

:any-link {
}

Answer 3

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

Answer 4

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

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

Answer 5

我遇到了类似的情况。

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

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

a {text-decoration: none;}

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