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

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

1 голос
/ 16 февраля 2012

У меня есть небольшая проблема с посещенным псевдоклассом и свойством 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;
}

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

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

    text-shadow: 0 1px 0 white;

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

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

1 Ответ

4 голосов
/ 16 февраля 2012

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

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

  • color
  • background-color
  • border-color
  • outline-color

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

...