如何使用CSS删除chrome中链接的下划线？

Question

（适用于FF） 我如何使用CSS删除访问链接的下划线？我试过了：

a:visited {
    color: rgb(255, 255, 255);
    text-decoration: none !important;
}

和

a:visited {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

Answer 1

您可以应用的唯一CSS属性：大多数基于webkit的浏览器（如Chrome）中的访问过的链接是color。这是为了防止history stealing。此外，您无法确定JavaScript链接的color CSS属性的值。有关详细信息，请参阅https://bugs.webkit.org/show_bug.cgi?id=24300。

但是，您可以使用a{text-decoration: none;}更改所有链接的样式。 Here's a demo of the whole affair

Answer 2

一些浏览器供应商已经决定/意识到单独设置样式a:visited超链接代表对用户的安全/隐私威胁。因此，有些（尽管不是全部）已经删除了以不同方式设置a:visited样式的功能。

我怀疑Chrome确实如此。

参考文献：

• http://djtechnocrat.blogspot.com/2010/12/browser-privacy-css-history-sniffing-in.html
• http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history-leak/
• 另请参阅此Stackoverflow问题：Google chrome a:visited background image not working

Answer 3

您的a:visited {}定义必须在之前一般a {}定义。您可以使用：visited来设置颜色，但设置文本修饰并不起作用 - 但是如果您稍后为元素设置了常规文本修饰，则会这样做。

所以：

a:visited {color: yellow;}
a {color:yellow; text-decoration: none; }

工作（给所有链接黄色，没有文字装饰），但

a {color:yellow; text-decoration: none; }
a:visited {color: yellow;}

和

a {color:yellow; text-decoration: none; }
a:visited {color: yellow; text-decoration: none;}

不要（两者都给出黄色的所有链接，但加下划线）