:disabled

Содержание

Псевдокласс :disabled используется для применения стиля к заблокированным элементам форм. Такие элементы не могут получить фокус, быть нажатыми или активированы, в текстовых полях нельзя набирать текст.

Синтаксис

Селектор:disabled  { ...  }

Пример

<!DOCTYPE html>
 <head>
  <meta charset="utf-8">
  <title>disabled</title>
  <style>
   textarea:disabled { 
    background: url(image/dline.png); 
    border: 1px solid #666; 
    padding: 5px;
   }
  </style>
 </head>
 <body>
  <form>
   <p><textarea disabled cols="30" rows="5">
   Это заблокированное поле, в него нельзя ничего писать</textarea></p>
  </form> 
 </body>
</html>

В данном примере изменен стиль заблокированного текстового поля. Результат примера показан на рис. 1.

Результат использования псевдокласса :disabled

Рис. 1. Результат использования псевдокласса :disabled

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

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5Предлагаемая рекомендация
Selectors Level 4Рабочий проект
CSS Basic User Interface Module Level 3Рабочий проект
Selectors Level 3Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
9193.11
AndroidFirefox MobileOpera MobileSafari Mobile
2.119.53.1




Рекомендую хостинг: beget.ru

Сервер падал:109 дн. 0:39 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru