浏览器不尊重 a:visited { text-decoration: none; }

Question

我无法从访问过的链接中删除下划线。在我的电脑中，下面的 Fiddle 显示了在任何浏览器（Chrome、Firefox 和 IE 的当前版本）中访问的链接的黑色下划线文本。

a:link       { color: red;   text-decoration: underline; }
a:visited    { color: black; text-decoration: none;      }

<p><a href="http://www.nevervisited.com">This link is not visited.</a></p>
<p><a href="http://www.google.com">This is link is visited.</a></p>

这是 Chrome 的已访问链接检查器。

我怀疑a:visited 变灰与此有关，但this question 关于变灰样式对我没有任何帮助，尽管它帮助了许多其他人。

这些答案（this、this）表明规范不关心子元素的 text-decoration，当它们的祖先定义了它时，但我认为这里不是这种情况。我的<a>s 没有带下划线的父母，我也没有使用伪元素，而是伪类。

另外，如果W3C 这么说，Chrome 为什么要将a:link 应用于访问的链接

这两个状态 [a:link 和 a:visited] 是互斥的。

也许这与用户代理在网站上隐藏私人信息有关，就像 W3C 在前一个报价之后建议的那样？这个：

注意。样式表作者可能会滥用:link 和:visited 伪类来确定用户在未经用户同意的情况下访问了哪些网站。

因此，UA 可能会将所有链接视为未访问的链接，或实施其他措施来保护用户的隐私，同时以不同的方式呈现已访问和未访问的链接。

Answer 1

在大多数基于 Webkit 的浏览器（如 Safari）或基于 Blink 的（Chrome 和 Opera）中，您可以在 a:visited 链接上应用的唯一 CSS 属性是 color。别的什么都行不通。它与浏览器历史记录窃取有关。您可以从这里了解更多信息：

http://seclists.org/fulldisclosure/2013/May/13

但是，您可以使用a {text-decoration: none;} 更改所有链接的样式。

选择器本身并不危险，但如果你将它与像getComputedStyle() 这样的 JavaScript 函数结合使用，事情会变得非常丑陋，我所说的丑陋是指其他用户可以查看和阅读你的个人浏览器历史记录。

Mozilla（Gecko 引擎）limited the selector properties 到 color、background-color、border-*-color。