CSS :optional суррогат

Определение и использование

CSS :optional Суррогат используется для выбора и установки стиля для необязательных элементов формы (только для <input>,<select> и <textarea>)

Элементы формы без свойства required определяются как необязательные.

Совет:Использование :required Суррогат для выбора и установки стиля для обязательных элементов формы.

Пример

Выберите и установите стиль для любого <input> элемента без свойства required. Также установите стиль для любого <input> элемента с свойством required:

input:optional {
  background-color: lightgreen;
}
input:required {
  background-color: pink;
  border-color: red;
}

Попробуйте сами

CSS грамматика

:optional {
  css declarations;
}

Технические детали

Версия: CSS3

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

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот суррогат.

Chrome Edge Firefox Safari Opera
10 10 4 5 10

Связанные страницы

См. также:CSS :required суррогат