Псевдо-класс CSS3 :disabled

Определение и использование

CSS :disabled Псевдо-классы используются для выбора и установки стилей для любыхdisabled элементов (в основном для элементов форм).

Совет::enabled Псевдо-классы используются для выбора и установки стилей для любых активных элементов (в основном для элементов форм).

Пример

Пример 1

Установите цвет фона для всехdisabled элементов <input>, а также для всехenabled элементов <input> установите желтый цвет фона:

input:disabled {
background-color: lightgray;
}
input:enabled {
background-color: yellow;
}

Попробуйте сами

Пример 2

Установите цвет фона для всех禁енных элементов <option>:

option:disabled {
  background-color: lightgray;
}

Попробуйте сами

CSS грамматика

:disabled {
  css-декларации;
}

Технические детали

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот псевдо-класс.

Соответствующие страницы

См. также:Директивный класс :enabled в CSS