Свойство CSS text-shadow не соответствует иерархии с: посещенным псевдоклассом

Question

У меня есть небольшая проблема с посещаемым псевдоклассом и свойством text-shadow в CSS.

Вот мой код:

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

На самом деле, мне бы хотелось, чтобы посещенная ссылка была такой же, как и при зависании.

: Hover отлично работает в Chrome/Safari, но посещаемая ссылка сохраняет первое свойство text-shadow:

    text-shadow: 0 1px 0 white;

Вместо приведенного ниже (я пытался использовать "none" в моем коде, но, похоже, не работает..)

Спасибо, ребята, за вашу помощь!

Answer 1

Существует очень мало свойств CSS, которые вы можете явно определить для :visited из-за проблем безопасности.

MDN определяет изменяемые свойства следующим образом (они могут варьироваться в зависимости от браузера, но текстовая тень, безусловно, не должна работать ни в одном браузере, по крайней мере, изменять ее размер):

• цвет
• фоновый цвет
• цвет границы
• план-цвет

Кроме того, вы не сможете определить непрозрачность или показать / скрыть ссылки, если база a селектор сделал одну из тех вещей.