:focusPseudo klassi CSS kasutatakse stiil element, mis on praegu suunatud klaviatuuri või aktiveeritud hiire. Siin on näide:
textarea:focus ( background: pink; )Kõik elemendid (kõige sagedamini s ja s) on fookuses, kui need on valitud ja valmis teksti sisestama (näiteks kui kursor vilgub). Hiirekasutajad saavad labelfookustamiseks klõpsata neil (või nendega seotud ) ja klaviatuuri kasutajad saavad nendesse TAB-i märkida.
"Vahekaart"
:focuspseudoklassi kasutamine on elementide läbilõikamine. Paljudel brauseritel on vahekaardi valimisel vaikimisi fookusolek, mis on punktiirjoon. Seda on üsna lihtne eemaldada, kuid kindlasti asendage see sobiva alternatiiviga.
s, s, s, ja textareas kõik on :focus riigi poolt automaatselt, kuid seda saab anda keskenduda riigi mis tahes element HTML. Selle jaoks töötavad nii contenteditable ja kui ka tabindexatribuudid, nagu selles näites:
Seotud
Artikkel 12. mail 2017Pseudoklass `: fookuses-sees '
Chris Coyier
Brauseri tugi
Kõik brauserid toetavad :focus.