A :focusCSS álosztálya egy olyan elem kialakítására szolgál, amelyet jelenleg a billentyűzet céloz meg, vagy az egér aktivál. Íme egy példa:
textarea:focus ( background: pink; )Bármely elem (leggyakrabban s és s) „fókuszban” van, amikor kijelölik őket, és készen állnak a szöveg bevitelére (például amikor a kurzor villog). Az egérfelhasználók rájuk (vagy a hozzájuk kapcsolódó label) kattintva fókuszálhatnak, a billentyűzet használói pedig TAB-ot.
„Tabbing”
az álosztály másfajta használata az :focuselemek „átpapírozása”. Számos böngészőben van egy alapértelmezett fókuszállapot a lapválasztáshoz, amely pontozott vázlat. Elég könnyű eltávolítani, de mindenképpen cserélje ki megfelelő alternatívára.
s, s, sés textareas mind az :focus állami alapból, de lehet hogy a hangsúly az állami bármely elem a HTML. A contenteditable és az tabindex attribútumok egyaránt működnek ehhez, mint ebben a példában:
Összefüggő
Cikk 2017. május 12-énA `: fókuszon belüli 'Pseudo osztály
Chris Coyier
Böngésző támogatás
Minden böngésző támogatja a :focus.