Question

我有这个css：

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

访问链接后，它会改变颜色。

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

谢谢！

Answer 1

文字修饰会影响下划线，而不会影响颜色。

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

a { 
    color: blue;
}

或

a {
    text-decoration: none;
}
a:link, a:visited {
    color: blue;
}
a:hover {
    color: red;
}

Answer 2

为了避免重复的代码，我建议您为这两种状态定义一次颜色：

a, a:visited{
     color: /* some color */;
}

即使已经访问了该链接，这也是默认的，将保留您的<a>颜色（无论这种颜色是什么）。

请注意，如果继承<a>内部元素的颜色（例如，颜色在body中设置），您可以执行以下操作特技：

a, a:visited {
    color: inherit;
}

Answer 3

简单地给它一个css颜色

喜欢：

a
{
 color:red;
}

Answer 4

这样的事情应该有效：

a, a:visited { 
    color:red; text-decoration:none; 
    }

Answer 5

如果您要在访问之后设置为新颜色或阻止更改特定链接的颜色，请在该链接的标记内添加：

<a style="text-decoration:none; color:#ff0000;" href="link.html">test link</a>

上面的颜色是＃ff0000，但你可以做任何你喜欢的事。

Answer 6

对于所有锚标记的应用，请使用

CSS

a:visited{
    color:blue;
}

仅对部分锚标记应用时，请使用

CSS

.linkcolor a:visited{
    color:blue;
}

HTML

<span class="linkcolor"><a href="http://stackoverflow.com/" target="_blank">Go to Home</a></span>

Answer 7

a:visited
{
color: #881033;
}

（或任何你想要的颜色）

text-decoration用于下划线（覆盖等） decoration不是有效的CSS规则。

Answer 8

(Header CSS:)

<style>

a  {   
   color: #ccc;   /* original colour state*/
}

a:active {
   color: #F66;  
}


a[tabindex]:focus {
    color: #F66;
    outline: none;
}

</style>


(Body HTML:)

<a href="javascript:;" style="font-size:36px; text-decoration:none;"  tabindex="1">click me &#9829;</a>

Answer 9

你可以使用不同的类：

像

.clase
{
text-decoration-color: none;
color: #682864;
text-decoration: none;

}
.clase2:hover
{
color: white;
text-decoration: none;
}

 <a href="#" class="clase2 clase"> link que no tiene subrayado ni color standar</a>

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

9 个答案: