CSS Text-Shadow-Eigenschaft folgt nicht der Hierarchie mit: besuchte Pseudoklasse

Question

Ich habe ein kleines Problem mit der besuchten Pseudoklasse und der Text-Shadow-Eigenschaft in CSS.

Hier ist mein 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;
}

In der Tat möchte ich den besuchten Link genauso wie bei schwebenden Link.

: Hover funktioniert gut für Chrome/Safari, aber der besuchte Link hält die erste SMS-Shadow-Eigenschaft bei:

    text-shadow: 0 1px 0 white;

Anstelle der unten angegebenen (ich habe versucht, "keine" in meinem Code zu verwenden, aber nicht zu funktionieren.)

Danke Jungs für deine Hilfe!

Answer 1

Es gibt nur sehr wenige CSS -Eigenschaften, für die Sie explizit definieren können :visited wegen Sicherheitsprobleme.

MDN definiert die modifizierbaren Eigenschaften als (diese können je nach Browser variieren, aber Text-Shadow ist sicherlich eine, die auf keinem Browser funktionieren sollte, um zumindest die Größe zu ändern):

• Farbe
• Hintergrundfarbe
• Randfarbe
• Umrissfarbe

Und außerdem können Sie nicht in der Lage sein, Deckkraft zu definieren oder die Links zu zeigen/auszublenden, wenn die Basis a Selector hat eines dieser Dinge getan.