访问后如何使链接不变色?

Gee*_*Out 32 html css

我有这个css:

a:visited 
{
    text-decoration: none; 
    decoration: none; 
}
Run Code Online (Sandbox Code Playgroud)

访问链接后,它会改变颜色.

发生在本页右侧底部的"浏览所有问题"链接:http://www.problemio.com

谢谢!

Mat*_*fer 50

文本修饰会影响下划线,而不会影响颜色.

要将访问颜色设置为与默认颜色相同,请尝试:

a { 
    color: blue;
}
Run Code Online (Sandbox Code Playgroud)

要么

a {
    text-decoration: none;
}
a:link, a:visited {
    color: blue;
}
a:hover {
    color: red;
}
Run Code Online (Sandbox Code Playgroud)

  • 此代码不会阻止链接更改颜色,而是将其强制为已知的相同颜色。如果您不知道颜色是什么,仅希望链接忽略访问,则不起作用。 (2认同)

eve*_*sor 47

为避免重复代码,我建议您为两种状态定义颜色一次:

a, a:visited{
     color: /* some color */;
}
Run Code Online (Sandbox Code Playgroud)

<a>即使链接已被访问,这个,也是默认的,将保留您的颜色(无论这种颜色是什么).

请注意,如果<a>继承了元素内部元素的颜色(例如,颜色设置在中body),您可以执行以下操作:

a, a:visited {
    color: inherit;
}
Run Code Online (Sandbox Code Playgroud)

  • 不,这不对.Inherit不继承<a>的颜色; 它继承了父元素的颜色.这将产生完全意想不到的结果.见这支笔:http://codepen.io/mattstauffer/pen/yvnfc (11认同)

Roy*_*mir 5

简单地给它一个css颜色

喜欢 :

a
{
 color:red;
}
Run Code Online (Sandbox Code Playgroud)