Button span selektieren funktioniert nicht im Firefox

[ebody]

Hallo Rolf,

Ist denn das Aufleuchten des Icons im Button so wichtig? Als Kind eines interaktiven Elements kann das Icon sowieso nicht selbst interaktiv sein, warum möchtest Du Interaktivität vorspiegeln?

Ja, es ist ja ein Button und der Hover Effekt soll dem Nutzer zeigen, dass man damit was machen kann. Da nur das Icon sichtbar ist, sollte der Hover Effekt auch möglichst nur dann auftreten, wenn man mit der Maus in der Nähe oder auf dem Icons ist.

So funktioniert es ja auch im Chrome und Firefox...

button#test:hover span{
  color: steelblue;
}

... nur im IE11, steht wie schon beschrieben eine viel zu große Fläche für den Hover Effekt zur Verfügung. Aber das werde ich dann erstmal so in Kauf nehmen.

@@beatovich

Stimmt, das ist hier ja nur ein Beispiel Script. Im echten Script verwende ich Icons, die sehr bekannt sind und im Kontext auch verständlich sind.

Gruß ebody