В :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 | всичко | всичко |