: включено - CSS-хитрости

Anonim

:enabledПсевдо-класс в CSS выбирает форматируемых элементы, которые не отключаются, и поэтому включен. Она связана только с элементами формы ( , , ). Включенные элементы включают те, которые вы можете выбрать, в которые вы можете вводить данные или на которых вы можете сосредоточиться или щелкнуть.

Итак, когда флажок установлен и вы нацеливаете метку сразу после него:

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

Текст метки будет темно-серым и будет выделен курсивом, если флажок установлен, что означает, что пользователь может включать и выключать его.

Теоретически :enabledдолжно соответствовать атрибуту , или с hrefатрибутами, но браузеры, похоже, не справляются с этим сценарием. Вы можете стиль , , , , и S, которые не являются инвалидами. Когда поддерживается, мы также должны иметь возможность настраивать таргетинг и

  • Это дети , если не инвалид.

    Вы также подумать, что элементы с contenteditable и tabindex атрибутами будут выбирать с :enabled псевдо-класса. В спецификации этого не говорится, и браузеры не поддерживают это.

    Хром Сафари Fire Fox Опера IE Android iOS
    Все 3.1 Все 9 9 Все Все