Comment faire pour que le lien ne change pas de couleur après avoir été visité ?

Question

J'ai ce css :

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

Lorsqu'un lien est visité, il change de couleur.

Il se produit au lien "Parcourir tous les problèmes" en bas du côté droit de cette page : http://www.problemio.com

Merci !

Answer 1

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

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

a { 
    color: blue;
}

Ou

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

Answer 2

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

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

Cela, en effet, maintiendra votre <a> (quelle que soit cette couleur) même si le lien a été visité.

Remarquez ça, si la couleur de l'élément à l'intérieur du <a> est hérité (par exemple, la couleur est définie dans le fichier body ), vous pouvez utiliser l'astuce suivante :

a, a:visited {
    color: inherit;
}

Answer 3

Il suffit de lui donner une couleur css

comme :

a
{
 color:red;
}

Answer 4

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

CSS

a:visited{
    color:blue;
}

Pour une application sur seulement certaines des balises d'ancrage, utilisez

CSS

.linkcolor a:visited{
    color:blue;
}

HTML

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

Answer 5

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>