Уникальное место! Здесь можно легко заработать реальные деньги.
К вашим услугам несколько методов заработка!
Просматривайте сайты, читайте письма рекламодателей, выполняйте несложные и интересные тесты и задания за вознаграждение.
Вы сможете получить свои первые деньги уже сразу после начала работы.
Кликайте по баннеру ниже и начинайте работать!

SEO sprint - Всё для максимальной раскрутки!

Главная » Все материалы сайта » Справочник CSS-3 » Псевдоклассы

:disabled | Псевдокласс CSS

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

Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
9.0+	1.0+	9.0+	3.1+	1.0+	1.0+	2.0+

Краткая информация

Применяется	к элементам формы
Ссылка на спецификацию	http://www.w3.org/TR/css3-selectors/#enableddisabled

Версии CSS

CSS 1	CSS 2	CSS 2.1	CSS 3

Описание

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

Синтаксис

элемент:disabled { ... }

Значения

Нет.

Пример

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Псевдокласс :disabled</title>
<style type="text/css">
<!--
input:checked {
background:gold;
cursor:pointer;
}
:disabled {
cursor:pointer;
}
p {
color:grey;
}
-->
</style>
</head>
<body>
<p>Запрещаем активацию полей</p>
<h3>Что можно брать на рыбалку?<h3>
<fieldset>
<p><input type="checkbox" name="a" disabled="disabled"><span>Водку</span><br>
<input type="checkbox" name="b" disabled="disabled"><span>Пиво</span><br>
<input type="checkbox" name="c"><span>Друзей</span><br>
<input type="checkbox" name="d"><span>Жену</span><br>
<input type="checkbox" name="f"><span>Лодку</span><br>
<input type="checkbox" name="g"><span>Снасти</span></p>
<input type="submit" value="Сделать выбор">
</fieldset>
</body>
</html>

Пример применения псевдокласса

Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/

Поделись ссылкой на эту страницу с друзьями:

Категория: Псевдоклассы | Добавил: evkuriy (06.07.2013)

Просмотров: 509 | Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]