Стиль заблокированных элементов форм
Описание
Псевдокласс :disabled используется для применения стиля к заблокированным элементам форм. Такие элементы не могут получить фокус, быть нажатыми или активированы, в текстовых полях нельзя набирать текст.
Синтаксис
Селектор:disabled { ... }Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
:disabled {
background-color: lime;
}
</style>
<form>
<p>
<input type='submit' />
<input type='submit' disabled />
<input type='reset' />
</p>
</form>
</body>
</html>Читайте также
Свойство border-right
Позволяет одновременно установить толщину, стиль и цвет правой границы элемента.
Значения могут идти в любом порядке, разделяясь пробелом....
Свойство border-spacing
Задаёт расстояние между границами ячеек в таблице. Не работает в случае, когда для таблицы установлено свойство border-collapse со значением collapse....
Стиль элемента при наведении на него курсора мыши
Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата....
Свойство margin
Устанавливает величину отступа от границы текущего элемента до внутренней границы его родительского элемента....