web-dev-qa-db-fra.com

Comment faire pour que le lien ne change pas de couleur après la visite?

J'ai ce css:

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

Une fois qu'un lien est visité, il change de couleur.

Il se passe au lien "Parcourir tous les problèmes" en bas à droite de cette page: http://www.problemio.com

Merci!

htmlcss
30
GeekedOut

La décoration du texte affecte le soulignement, pas la couleur.

Pour définir la couleur visitée sur la même valeur que celle par défaut, essayez:

a { 
    color: blue;
}

Ou

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

Afin d'éviter les doublons codes , je vous recommande de définir la couleur une fois pour les deux états:

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

Ceci, indeeed, maintiendra votre <a> couleur (quelle que soit cette couleur) même lorsque le lien a été visité.

Notez que, si la couleur de l'élément à l'intérieur du <a> _ étant en cours d’héritage (par exemple, la couleur est définie dans body), vous pouvez effectuer l’astuce suivante:

a, a:visited {
    color: inherit;
}
46
eversor

Il suffit de lui donner une couleur css

comme :

a
{
 color:red;
}
5
Royi Namir

Si vous souhaitez définir une nouvelle couleur ou empêcher le changement de couleur d'un lien spécifique après le visiter, ajoutez à l'intérieur de la balise de ce lien:

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

Au-dessus de la couleur est # ff0000 mais vous pouvez en faire ce que vous voulez.

2
wiztrail

vous pouvez utiliser une classe différente:

comme

.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>
2
any

Pour une application sur toutes les balises d'ancrage, utilisez

CSS

a:visited{
    color:blue;
}

tilisez uniquement certaines des balises d'ancrage

CSS

.linkcolor a:visited{
    color:blue;
}

HTML

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

Quelque chose comme ça devrait marcher:

a, a:visited { 
    color:red; text-decoration:none; 
    }
2
James Johnson
(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>
1
TryThis
a:visited
{
color: #881033;
}

(ou quelle que soit la couleur de votre choix)

text-decoration est destiné à être souligné (superposition, etc.) decoration n'est pas une règle CSS valide.

1
MiDo