: fokuss - CSS-triki

Anonim

:focusPseido klases CSS izmanto stilu elementu, kas šobrīd ir vērsta ar tastatūru, vai aktivizē peli. Šeit ir piemērs:

textarea:focus ( background: pink; )

Jebkurš elements (visbiežāk s un s) ir “fokusā”, kad tie ir atlasīti un gatavi teksta ievadīšanai (piemēram, mirgo kursors). Peles lietotāji var noklikšķināt uz tiem (vai ar tiem saistītiem label), lai koncentrētos, un tastatūras lietotāji tajos var ievietot TAB.

“Tabbing”

nother izmantošana :focuspseido klases ir "tabbing" ar elementiem. Daudzām pārlūkprogrammām cilnes izvēlei ir noklusējuma fokusa stāvoklis, kas ir punktota kontūra. To ir diezgan viegli noņemt, taču, ja to izdarāt, noteikti nomainiet to ar piemērotu alternatīvu.

s, s, s, un textareas visi ir :focus valsts pēc noklusējuma, bet jūs varat dot fokusa valstij jebkuru elementu HTML. Tam darbojas contenteditable gan tabindex atribūti, gan atribūti, kā šajā piemērā:

Saistīts

Raksts 2017. gada 12. maijā

Pseido klase “: fokusā”

Kriss Koijers

Pārlūka atbalsts

Visas pārlūkprogrammas atbalsta pamata lietošanu :focus.