Direkter Link zum Artikel Lösen von Sticky Hover-Zuständen mit @media (hover: hover)

Lösen von Sticky Hover-Zuständen mit @media (hover: hover)

Mezo Istvan deckt das Problem und eine Lösung dafür gut in einem Blogbeitrag auf Medium ab. Wenn Sie auf etwas tippen, das einen :hover-Zustand hat, aber die Seite nicht verlassen, besteht auf einem Mobilgerät die Chance, dass der :hover-Zustand "haften" bleibt. Dies sehen Sie bei Dingen wie Sprunglinks, die als Tabs oder Buttons verwendet werden, die Funktionalität auf der Seite auslösen.
Avatar of Chris Coyier
Chris Coyier am
Direkter Link zum Artikel: :hover

:hover

Die :hover Pseudo-Klasse in CSS wählt Elemente aus, wenn sich der Mauszeiger darüber befindet. Sie wird üblicherweise mit Link- (<a>) Elementen in Verbindung gebracht.

a:hover {
  color: green;
  text-decoration: underline overline;
}

Wenn also ein Link wie dieser ...

Avatar of Sara Cope
Sara Cope am