Den :focus
pseudo 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 :focus
pseudoklassen “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 2017Pseudoklassen `: fokus indeni '




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