La propriété CSS text-shadow ne suit pas la hiérarchie avec: pseudo-class visitée - css, survol, héritage, css3, visité

J'ai un petit problème avec la pseudo-classe visitée et la propriété text-shadow en CSS.

Voici mon code:

li.episode a{
display: block;
float: left;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 1px;
padding: 5px;
font-size: 14px;
background-color: #eeeaea;
text-shadow: 0 1px 0 white;
}

li.episode a:visited {
background-color: #23EE44;
text-shadow: none;
color: white;
}

li.episode a:hover {
background-color: #23EE44;
text-shadow: 0 1px 0 #10C72E;
color: white;
}

En fait, ce que je voudrais, c’est que le lien visité soit le même que lors du survol.

: Le survol fonctionne correctement sur Chrome / Safari mais le lien visité conserve la première propriété text-shadow:

    text-shadow: 0 1px 0 white;

Au lieu de celle donnée ci-dessous (j’ai essayé d’utiliser "none" dans mon code mais ne semble pas fonctionner.)

Merci les gars pour votre aide !

Réponses:

Il existe très peu de propriétés CSS que vous pouvez définir explicitement pour :visited en raison de les problèmes de sécurité.

MDN définit les propriétés modifiables comme suit (celles-ci peuvent varier d’un navigateur à l’autre, mais text-shadow en est certainement une qui ne devrait pas fonctionner sur n’importe quel navigateur, du moins en modifiant la taille):

• Couleur
• Couleur de fond
• couleur de la bordure
• contour-couleur

Et en plus, vous ne pourrez pas définir l’opacité ou afficher / masquer les liens si la base a sélecteur a fait une de ces choses.