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

nkhmeac6  于 2023-01-03  发布在  其他
关注(0)|答案(9)|浏览(314)

我有这个CSS:

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

链接被访问后,其颜色会发生变化。
此页面右侧底部的"浏览所有问题"链接发生了以下情况:http://www.problemio.com
谢谢!

b5lpy0ml

b5lpy0ml1#

文本修饰影响下划线,而不是颜色。
要将访问过的颜色设置为与默认颜色相同,请尝试:

a { 
    color: blue;
}

或者

a {
    text-decoration: none;
}

a:link, a:visited {
    color: blue;
}

a:hover {
    color: red;
}
5fjcxozz

5fjcxozz2#

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

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

这,确实,将保持您的<a>颜色(无论这个颜色是什么),即使当链接已被访问。

**请注意,**如果<a>内部元素的颜色被继承(例如,颜色在body中设置),您可以使用以下技巧:

a, a:visited {
    color: inherit;
}
tvmytwxo

tvmytwxo3#

简单地给它一个css颜色
例如:

a
{
 color:red;
}
yshpjwxd

yshpjwxd4#

适用于所有锚标签,使用

中央支助系统

a:visited{
    color:blue;
}

如果仅应用于某些锚标记,请使用

中央支助系统

.linkcolor a:visited{
    color:blue;
}

超文本标记语言

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

qvtsj1bj5#

您可以使用不同的类:
喜欢

.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>
ruyhziif

ruyhziif6#

类似这样的方法应该可以奏效:

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

nkkqxpd97#

如果你想设置一个新的颜色或防止一个特定的链接的颜色改变 * 后 * 访问它,添加到该链接的标签内:

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

上面的颜色是#ff0000,但你可以使它成为任何你喜欢的。

mzmfm0qo

mzmfm0qo8#

a:visited
{
color: #881033;
}

(or不管你想要什么颜色)
text-decoration用于下划线(上划线等。decoration不是有效的css规则。

cngwdvgl

cngwdvgl9#

(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>

相关问题