Den hässlichen :focus-Ring entfernen (und trotzdem behalten)

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

David Gilbertson

Das Entfernen der Fokus-Umrandung ist wie das Entfernen der Rollstuhlrampe aus einer Schule, weil sie nicht zur Ästhetik passt.

David zeigt, wie man ihn entfernen kann, *es sei denn*, man erkennt, dass der Benutzer gerade mit der Tabulatortaste navigiert, dann soll er angezeigt werden. Im Wesentlichen fügt man der Body-Klasse "user-is-tabbing" hinzu, wenn die Tabulator-Navigation erkannt wird, und verwendet diese Klasse, um die Fokusstile zu entfernen, wenn sie nicht vorhanden ist (und behandelt die Randfälle).

Direkter Link →