2

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

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

和

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

3 回答 3

7

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

但是，您可以使用 更改所有链接的样式a{text-decoration: none;}。这是整个事件的演示。

于 2011-02-05T22:12:39.363 回答
4

一些浏览器供应商已经决定/意识到单独样式化a:visited的超链接代表对用户的安全/隐私威胁。因此，尽管不是全部，但有些人已经取消了不同风格的能力a:visited。

我怀疑 Chrome 也是如此。

参考：

于 2011-02-05T21:50:41.163 回答
3

你的a:visited {}定义必须在你的一般a {}定义之前。您可以使用 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;}

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

于 2013-03-28T15:44:29.237 回答