CSS псевдокласс :optionalcss3

CSS селекторы

Значение и применение

Псевдокласс :optional выбирает все элементы формы, у которых не задан атрибут required, который указывает, что пользователь должен выбрать/добавить значение перед отправкой формы. Для выбора элементов, которые содержат атрибут required существует отдельный одноимённый псевдокласс :required.

Псевдокласс :optional применяется только к следующим элементам формы:

Поддержка браузерами

СелекторChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
:optionalcss310.04.010.05.010.012.0

CSS синтаксис:

:optional {
блок объявлений;
}

Версия CSS

CSS3

Пример использования

<!DOCTYPE html>
<html>
<head>
<title> Псевдокласс :optional</title>
<style type = "text/css"> 
input:optional {
background-color: khaki; 
}
</style>
</head>
<body>
<form>
Имя: <input type = "text" value = "Boris"><br><br>
Фамилия: <input type = "text" value = "Britva"><br><br>
Страна: <input type = "text" required><br><br>
Город: <input type = "text" required>
</form><
</body>
</html>
Пример использования псевдокласса :optional.
Пример использования псевдокласса :optional.
CSS селекторы