:enabled

Класс псевдоселектора :enabled CSS псевдокласса представляет собой любой элемент, который включён. Элемент считается включённым, если его можно активировать (выбрать, нажать, ввести данные и т. д.) или получить фокус. Элемент также может иметь состояние отключённости, в котором его нельзя активировать или получить фокус.

Попробуйте

Синтаксис

:enabled

Примеры

В следующем примере цвет текста и кнопки <input> становится зелёным, когда они включены, и серым, когда отключены. Это помогает пользователю понять, с какими элементами можно взаимодействовать.

HTML

<form action="url_of_form">
  <label for="FirstField">First field (enabled):</label>
  <input type="text" id="FirstField" value="Lorem" /><br />

  <label for="SecondField">Second field (disabled):</label>
  <input type="text" id="SecondField" value="Ipsum" disabled /><br />

  <input type="button" value="Submit" />
</form>

CSS

input:enabled {
  color: #2b2;
}

input:disabled {
  color: #aaa;
}

Результат

Спецификации

Спецификация
Стандарт HTML # selector-enabled
Уровень 4 селекторов # enableddisabled

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`:enabled`	1	12	1	9	3.1	18	4	10.1	2	1.0	2

См. также

:disabled

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/:enabled