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 回答