: активиран - CSS-трикове

Anonim

В :enabledпсевдо-класа в focusable елементи CSS избира, които не се деактивира, а следователно активирана. Той е свързан само с форма елементи ( , , ). Разрешените елементи включват такива, които можете да изберете, в които можете да въведете данни или върху които можете да се съсредоточите или да щракнете върху тях.

Така че, когато е поставена отметка в квадратчето и насочвате етикета веднага след него:

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

Текстът на етикета ще бъде тъмно сив и курсив, ако квадратчето е активирано, което означава, че потребителят може да го включва и изключва.

На теория :enabledтрябва да съответства на , или с href атрибути, но браузърите изглежда не се справят с този сценарий. Можете да оформите , , , , и , според който не са инвалиди. Когато се поддържа, ние също трябва да можем да насочваме и

  • са деца на , ако не са инвалиди.

    Също така бихте си помислили, че елементи с contenteditable и tabindex атрибути ще бъдат избираеми с :enabled псевдокласа. Спецификацията не посочва това, нито браузърите го поддържат.

    Chrome Сафари Firefox Опера IE Android iOS
    всичко 3.1 всичко 9 9 всичко всичко