Désactiver le changement de couleur de la balise d'ancrage lors de la visite

Je dois désactiver le changement de couleur d'une balise d'ancrage lors de la visite. Je l'ai fait:

a:visited{ color: gray }

(Le lien est de couleur grise avant de visite.) Mais c'est un chemin où j'explicitement état la couleur du lien visité, qui est à nouveau un changement de couleur.

Comment puis-je désactiver le changement de couleur d'une balise d'ancrage lors de la visite sans le faire de manière explicite les changements de couleur?

InformationsquelleAutor popcoder | 2011-09-03

74

Vous ne pouvez pas. Vous pouvez seulement de style visités état.

Pour d'autres personnes qui trouvent cela, assurez-vous que vous les avez dans le bon ordre:
```
a {color:#FF0000;}         /* Unvisited link  */
a:visited {color:#00FF00;} /* Visited link    */
a:hover {color:#FF00FF;}   /* Mouse over link */
a:active {color:#0000FF;}  /* Selected link   */
```
- Pour être vraiment anal à ce sujet, ne pas le a être a:link?
- J'imagine que oui, mais j'ai rarement le faire.
- Ce n'est pas de l'argot: en.m.wikipedia.org/wiki/Anal_retentiveness
- pas d'anal à tous, a:link et a sont pas sur le même. Un point d'ancrage ne doit pas nécessairement être un lien. Normalement, il change de couleur, seulement quand il contient un lien.
InformationsquelleAutor Rich Bradshaw
163

Si vous voulez juste le point d'ancrage de la couleur à rester le même que le point d'ancrage de l'élément parent, vous pouvez tirer parti de hériter:
```
a, a:visited, a:hover, a:active {
  color: inherit;
}
```
Avis il n'est pas nécessaire de répéter la règle pour chaque sélecteur; il suffit d'utiliser une liste séparée par des virgules de sélecteurs (importance de l'ordre pour l'ancrage des éléments pseudo). Aussi, vous pouvez appliquer la pseudo-sélecteurs de classe si vous souhaitez désactiver de manière sélective les ancres spéciales couleurs:
```
.special-link, .special-link:visited, .special-link:hover, .special-link:active {
  color: inherit;
}
```
À votre question une seule demande sur le visité état, mais je suppose que vous vouliez dire tous les états. Vous pouvez supprimer les autres sélecteurs si vous souhaitez autoriser les changements de couleur sur l'ensemble mais ont visité.
- Cela fonctionnait très bien, merci! Comme une note à d'autres personnes, vous pourriez avoir à ajouter !important pour la balise de couleur pour prendre correctement en fonction de quoi d'autre est sur votre site web: couleur: hériter !important;
- Dans google Chrome, il suffit de rend le texte du lien dans le noir.
- Est-il possible d'avoir a:link par défaut la couleur du lien (généralement bleu) et ont a:visited héritent de cette, sans coder en dur "bleu" n'importe où?
- fonctionne comme prévu dans Chrome 55.
InformationsquelleAutor Ryan
11

Pour :hover pour remplacer :visited, et assurez-vous que :visited est la même que la couleur initiale, :hover doit venir après :visited.

Donc, si vous voulez désactiver le changement de couleur, a:visited doit venir avant a:hover. Comme ceci:
```
a { color: gray; }
a:visited { color: orange; }
a:hover { color: red; }
```
Pour désactiver :visited changement vous style avec des non-pseudo-classe:
```
a, a:visited { color: gray; }
a:hover { color: red; }
```
- Je vois que c'est mal ou que tu fais exactement le contraire de ce qui est dit dans la citation? Selon W3Schools c'est 1) a:link, a:visited 2) a:hover 3) a:active
InformationsquelleAutor Rob Lokhorst
0

Soit supprimer le sélecteur ou le mettre de la même couleur que votre texte s'affiche normalement.

InformationsquelleAutor Kyle
-1

Je pense que si j'ai mis une couleur pour a:visited il n'est pas bon: vous devez connaître la couleur par défaut de la balise a et à chaque fois de le synchroniser avec a:visited.

Je ne veux pas connaître la couleur par défaut (il peut être mis en common.css de votre application, ou vous pouvez l'utiliser en dehors des styles).

Je pense que c'est bien la solution:

HTML:
```
<body>
    <a class="absolute">Test of URL</a>
    <a class="unvisited absolute" target="_blank" href="google.ru">Test of URL</a>
</body>
```
CSS:
```
.absolute{
    position: absolute;
}
a.unvisited, a.unvisited:visited, a.unvisited:active{
    text-decoration: none;
    color: transparent;
}
```
- Qui m'a moins, vous pouvez écrire pourquoi vous l'avez fait? Bien sûr, vous pouvez utiliser vos couleurs d'Une balise. Mais j'ai écrit si vous utilisez par défaut brower couleurs
InformationsquelleAutor Smagin Alexey
-2

Vous pouvez résoudre ce problème en appelant a:link et a:visited sélecteurs ensemble. Et de le suivre avec a:hover sélecteur.
```
a:link, a:visited
{color: gray;}
a:hover
{color: skyblue;}
```
InformationsquelleAutor VooDoo
-5

Utilisation:
```
a:visited {
    text-decoration: none;
}
```
Mais il affectera uniquement les liens qui n'ont pas été cliqué sur encore.
- La question posée au sujet de la couleur, pas de texte de décoration.
InformationsquelleAutor Moliere

Vous devez vous connecter pour publier un commentaire.