:focusKlasa pseudo CSS służy do stylizacji element, który jest obecnie kierowane przez klawiaturę lub aktywowany przez myszy. Oto przykład:
textarea:focus ( background: pink; )Dowolny element (najczęściej s i s) są „fokusem”, gdy są zaznaczone i gotowe do wprowadzenia tekstu (np. Gdy kursor miga). Użytkownicy myszy mogą kliknąć je (lub osoby z nimi powiązane label), aby uaktywnić, a użytkownicy klawiatury mogą do nich przejść klawiszem TAB.
„Tabbing”
inne użycie :focuspseudoklasy to „przechodzenie” przez elementy. Wiele przeglądarek ma domyślny stan fokusu przy wybieraniu kart, którym jest przerywany kontur. Jest dość łatwy do usunięcia, ale jeśli to zrobisz, pamiętaj, aby zastąpić go odpowiednią alternatywą.
s, s, s, i textareas wszystkie mają ten :focus stan domyślnie, ale można dać stan ostrości do dowolnego elementu HTML. Zarówno contenteditable i tabindex atrybuty pracy dla tego, jak w poniższym przykładzie:
Związane z
Artykuł z 12 maja 2017 rPseudoklasa `: focus-within`
Chris Coyier
Wsparcie przeglądarki
Wszystkie przeglądarki obsługują podstawowe użycie :focus.