:focusPseudo klasė CSS naudojamas stiliaus elementas, kad šiuo metu taikomi pagal klaviatūros arba įsijungia, pele. Štai pavyzdys:
textarea:focus ( background: pink; )Bet kuris elementas (dažniausiai s ir s) yra „fokusuojamas“, kai yra pasirinktas ir paruoštas įvesti tekstą (pvz., Kai mirksi žymeklis). Pelės vartotojai gali spustelėti juos (ar su jais susijusius label), kad sutelktų dėmesį, o klaviatūros vartotojai - į juos TAB.
„Tabas“
Dar vienu naudojimas :focuspseudo klasę yra "tabbing" per elementais. Daugelyje naršyklių yra numatytoji skirtuko pasirinkimo židinio būsena, tai yra punktyrinis kontūras. Jį pašalinti yra gana lengva, tačiau nepamirškite jo pakeisti tinkama alternatyva.
S s, sir textareas visi turime :focus valstybę pagal nutylėjimą, tačiau galite suteikti fokusavimo būseną bet HTML elementas. Tam tinka contenteditable ir tabindexatributai, ir šis pavyzdys:
Susijęs
Straipsnis 2017 gegužės 12 d„Pseudo klasės dėmesio centre“
Chrisas Coyier
Naršyklės palaikymas
Visos naršyklės palaiko pagrindinį :focus.