La propiedad de la sombra de texto CSS no sigue a la jerarquía con: Pseudo-Clase visitada

Question

Tengo un pequeño problema con la pseudo-clase visitada y la propiedad de sombra de texto en CSS.

Aquí está mi código:

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;
}

De hecho, lo que me gustaría tener es el enlace visitado de la misma manera que cuando se desplaza.

: Hover funciona bien en Chrome/Safari, pero el enlace visitado mantiene la primera propiedad de Shadow de texto:

    text-shadow: 0 1px 0 white;

En lugar del que se da a continuación (intenté usar "ninguno" en mi código pero no parece funcionar ...)

Gracias, chicos, por su ayuda !

Answer 1

Hay muy pocas propiedades CSS que puede definir explícitamente para :visited debido a temas de seguridad.

MDN define las propiedades modificables como (estas pueden variar según el navegador, pero la sombra de texto es sin duda una que no debería funcionar en ningún navegador, al menos modificando su tamaño):

• color
• color de fondo
• color del borde
• color de esquema

Y además no podrá definir la opacidad o mostrar/ocultar los enlaces si la base a Selector ha hecho una de esas cosas.