Button span selektieren funktioniert nicht im Firefox

[Matthias Apsel]

Hallo ebody,

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.

Du machst es deinen Nutzern unnötig schwer, wenn du die interaktive Fläche verkleinerst.

Wenn es dein Ziel ist, den Button nur so groß wie das Icon zu machen, kannst du auch
padding: 0; line-height: 0; verwenden. Und dann kannst du auf die Bedienung der interaktiven Elemente reagieren wie vorgesehen:

button:hover span,
button:focus span {
  color: steelblue;
}

Bis demnächst
Matthias