Den :focuspseudo klasse i CSS brukes for styling et element som er målrettet av tastaturet, eller aktiveres ved hjelp av musen. Her er et eksempel:
textarea:focus ( background: pink; )Ethvert element (oftest s og s) er i "fokus" når de er valgt og klare til å skrive inn tekst (som når en markør blinker). Musbrukere kan klikke på dem (eller deres relaterte label) for å fokusere, og tastaturbrukere kan TABLE inn i dem.
“Tabbing”
ingen annen bruk av :focuspseudoklassen er "tabbing" gjennom elementer. Mange nettlesere har en standard fokusstatus for fanevalg, som er en stiplet disposisjon. Det er ganske enkelt å fjerne, men sørg for å erstatte det med et passende alternativ hvis du gjør det.
s, s, s, og textareas alle har :focus staten som standard, men du kan gi et fokus tilstand til noe element i HTML. Både contenteditable og tabindex attributtene fungerer for dette, som i dette eksemplet:
I slekt
Artikkel 12. mai 2017Pseudoklassen `: fokus-innenfor`
Chris Coyier
Nettleserstøtte
Alle nettlesere støtter grunnleggende bruk av :focus.