:focusPseudo klase u CSS se koristi za styling element koji je trenutno ciljano preko tipkovnice ili aktivirani pomoću miša. Evo primjera:
textarea:focus ( background: pink; )Bilo koji element (najčešće s i s) nalazi se u “fokusu” kad je odabran i spreman za unos teksta (na primjer kada pokazivač trepće). Korisnici miša mogu ih kliknuti (ili s njima povezane label) kako bi se fokusirali, a korisnici tipkovnice mogu ih TABIRATI.
"Kartica"
nijedna uporaba :focuspseudo klase nije "tabuliranje" kroz elemente. Mnogi preglednici imaju zadano stanje fokusa za odabir kartice, što je točkast obris. Ukloniti ga je prilično jednostavno, ali ako to želite, zamijenite ga prikladnom zamjenom.
s, s, si textareas svi imaju :focus državu po defaultu, ali možete dati fokus stanje na bilo koji element u HTML. I contenteditable te tabindex atribute raditi za to, kao u ovom primjeru:
Povezano
Članak 12. svibnja 2017Pseudo klasa `: focus-within`
Chris Coyier
Podrška preglednika
Svi preglednici podržavaju osnovnu upotrebu :focus.