Beispiel zur Notiz „Sichtbare Fokusstile“

:focus gegen :focus-visible

Mit der Maus klicken und danach mit Tab durchgehen. Links (:focus) erscheint der Ring auch nach einem Mausklick auf den Button. Rechts (:focus-visible) nur bei Tastaturbedienung, beim Textfeld aber auch nach einem Klick.

Getestet in Chrome 155. Browserstand und Einordnung: siehe Notiz.

:focus

Link

:focus-visible

Link