:focusRazred psevdo v CSS se uporablja za styling element, ki je trenutno usmerjen s tipkovnice ali aktivira z miško. Tu je primer:
textarea:focus ( background: pink; )Kateri koli element (najpogosteje s in s) je v fokusu, ko je izbran in pripravljen za vnos besedila (na primer, ko kurzor utripa). Uporabniki miške jih lahko kliknejo (ali z njimi povezani label), da se osredotočijo, uporabniki tipkovnice pa jih lahko TABLIJO.
»Tabuliranje«
nobena uporaba :focuspsevdo razreda je "tabuliranje" skozi elemente. Številni brskalniki imajo privzeto stanje ostrenja za izbiro zavihka, ki je pikčast obris. Odstranitev je precej enostavna, vendar jo obvezno zamenjajte z ustrezno alternativo.
s, s, s, in textareas vsi imajo :focus stanje, ki ga privzeto, vendar lahko daje stanje ostrenja za vsak element v HTML. Tako contenteditable in tabindex atribute delo za to, kot je v tem primeru:
Sorodno
Članek 12. maja 2017Psevdo razred `: focus-within`
Chris Coyier
Podpora za brskalnik
Vsi brskalniki podpirajo osnovno uporabo :focus.