: iespējots - CSS-triki

Anonim

:enabledPseido-klases CSS izvēlas fokusējamo elementi, kas nav izslēgta, un līdz ar to ļāva. Tā ir tikai saistīts ar veidlapas elementiem ( , , ). Iespējotie elementi ietver elementus, kurus varat atlasīt, kuros var ievadīt datus vai uz kuriem varat koncentrēties vai noklikšķināt.

Tātad, kad ir atzīmēta izvēles rūtiņa un jūs mērķējat etiķeti tūlīt pēc tās:

input:enabled + label ( color: #333; font-style: italic; )

Ja izvēles rūtiņa ir iespējota, etiķetes teksts būs tumši pelēks un kursīvs, kas nozīmē, ka lietotājs to var ieslēgt un izslēgt.

Teorētiski, :enabledvajadzētu atrast atbilstību , , vai ar href atribūtiem, bet pārlūki nešķiet rīkoties šo scenāriju. Jūs varat stils , , , , un s, kas nav invalīdi. Kad tas tiek atbalstīts, mums vajadzētu arī spēt mērķēt un

  • tie ir bērni , ja nav invalīdi.

    Jūs domājat arī, ka elementi ar atribūtiem contenteditable un tabindexatribūti būtu atlasāmi ar :enabled pseidoklasi. Specifikācija to nenorāda, un pārlūkprogrammas to neatbalsta.

    Chrome Safari Firefox Opera IE Android iOS
    Viss 3.1 Viss 9 9 Viss Viss