Trieda :focuspseudo v CSS sa používa na úpravu štýlu prvku, na ktorý je momentálne zameraná klávesnica alebo ktorý je aktivovaný myšou. Tu je príklad:
textarea:focus ( background: pink; )Akýkoľvek prvok (najčastejšie s ) je „zaostrený“, keď je vybraný a pripravený na zadanie textu (napríklad keď bliká kurzor). Používatelia myši na ne môžu (alebo s nimi súvisiace label) kliknúť, aby sa zamerali, a používatelia klávesnice do nich TAB.
„Tabbing“
ďalšie použitie :focuspseudo triedy je „prechádzanie tabulkami“ cez prvky. Mnoho prehľadávačov má predvolený stav zamerania pre výber kariet, čo je bodkovaný obrys. Je celkom ľahké ho odstrániť, ale ak tak urobíte, nahraďte ho vhodnou alternatívou.
s, s, sa textareas všetci majú :focus stáť v predvolenom nastavení, ale môžete dať stav zaostrenie akéhokoľvek prvku HTML. Ako contenteditable a tabindex atribúty prácu pre to, ako je v tomto príklade:
Súvisiace
Článok z 12. mája 2017Pseudo trieda `: focus-within '
Chris Coyier
Podpora prehľadávača
Všetky prehľadávače podporujú základné použitie servera :focus.