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

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: 0 1px 0 white; 

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

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

Answer 1

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

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

• цвет
• цвет фона
• граница цвета
• контур цвета

И кроме того, вы не сможете Defi ne opacity или показать/скрыть ссылки, если селектор base a сделал одну из этих вещей.