:focusClasa pseudo în CSS este folosit pentru stilizarea un element care este în prezent vizat de tastatura, sau activate de mouse - ul. Iată un exemplu:
textarea:focus ( background: pink; )Orice element (cel mai frecvent s și s) este în „focalizare” atunci când este selectat și gata să introducă text (ca atunci când un cursor clipește). Utilizatorii mouse-ului pot face clic pe ei (sau în legătură cu aceștia label) pentru a se concentra, iar utilizatorii tastaturii pot TAB în ele.
„Tabbing”
nicio utilizare a :focuspseudo-clasei este „tabularea” prin elemente. Multe browsere au o stare de focalizare implicită pentru selectarea filelor, care este un contur punctat. Este destul de ușor de îndepărtat, dar asigurați-vă că îl înlocuiți cu o alternativă adecvată, dacă faceți acest lucru.
s, s, sși textareas toate au :focus starea în mod implicit, dar puteți da o stare de focalizare la orice element in HTML. Atât atributele cât contenteditable și tabindexfuncționează pentru acest lucru, ca în acest exemplu:
Legate de
Articol la 12 mai 2017Clasa Pseudo „: focus-within”
Chris Coyier
Suport pentru browser
Toate browserele acceptă utilizarea de bază a :focus.