:focus
Pseudo 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
label
fookustamiseks klõpsata neil (või nendega seotud ) ja klaviatuuri kasutajad saavad nendesse TAB-i märkida.
"Vahekaart"
:focus
pseudoklassi 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 tabindex
atribuudid, nagu selles näites:
Seotud
Artikkel 12. mail 2017Pseudoklass `: fookuses-sees '




Brauseri tugi
Kõik brauserid toetavad :focus
.