Применяется к дочернему элементу указанного типа
Описание
Применяет стилевые правила к элементу input, у которого не задан атрибут required, он позволяет выделять поля обязательные к заполнению перед отправкой формы. Таким образом :optional применяется к необязательным полям формы.
Синтаксис
input:optional { ... }Пример
<!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>
input:optional {
opacity: 0.5;
color: red;
}
</style>
<p>Имя: <input name='name' /></p>
<p>Возраст: <input type='number' min='18' required /></p>
</body>
</html>Читайте также
Свойство box-shadow
Добавляет тень к элементу.
Разрешено использовать несколько теней, указывая их через запятую....
Стиль элемента при наведении на него курсора мыши
Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата....
Функция var()
Функция var() позволяет вставлять значения пользовательских переменных в значения стилевых свойств. var()...
Свойство font-kerning
Управляет кернингом шрифта.
Кернинг — это изменение интервала между определёнными сочетаниями букв для сохранения плотности букв в тексте.
<...