: fokus - CSS-tricks

Anonim

Den :focuspseudo klasse i CSS anvendes til styling et element, der er i øjeblikket rettet af tastaturet, eller aktiveret af musen. Her er et eksempel:

textarea:focus ( background: pink; )

Ethvert element (oftest s og s) er i "fokus", når de er valgt og klar til at indtaste tekst (som når en markør blinker). Musbrugere kan klikke på dem (eller deres relaterede label) for at fokusere, og tastaturbrugere kan TAB i dem.

“Tabbing”

ingen anden brug af :focuspseudoklassen “tabber” gennem elementer. Mange browsere har en standardfokustilstand for fanevalg, som er en stiplet oversigt. Det er ret let at fjerne, men sørg for at udskifte det med et passende alternativ, hvis du gør det.

s, s, s, og textareas har al den :focus tilstand som standard, men du kan give fokus tilstand til ethvert element i HTML. Både contenteditable og tabindex attributterne fungerer til dette, som i dette eksempel:

Relaterede

Artikel den 12. maj 2017

Pseudoklassen `: fokus indeni '

Chris Coyier

Browsersupport

Alle browsere understøtter grundlæggende brug af :focus.