:enabled

Псевдоклас CSS :enabled (увімкнений) представляє будь-який увімкнений елемент. Елемент є увімкненим, якщо його можна активувати (вибрати, клацнути його, надрукувати щось у нього тощо) або прийняти фокус. Такий елемент також має вимкнений стан, у якому він не може бути активований та приймати фокус.

Спробуйте його в дії

Синтаксис

:enabled

Приклади

Наступний приклад робить колір тексту та кнопок <input> зеленим, коли вони увімкнені, та сірим, коли вони вимкнені. Це допомагає користувачам розуміти, які елементи можна використовувати.

HTML

<form action="url_of_form">
  <label for="FirstField">Перше поле (ввімкнене):</label>
  <input type="text" id="FirstField" value="Lorem" /><br />

  <label for="SecondField">Друге поле (вимкнене):</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;
}

Результат

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

Сумісність із браузерами

Дивіться також

• :disabled