Sélecteur :OPTIONAL

Rôle

Le sélecteur optional est une pseudo-classe désigné par la syntaxe :optional qui permet de cibler chaque élément de formulaire qui est facultatif

Note: par défaut un élément de formulaire est facultatif tant qu’on lui applique pas l’attribut HTML required.

Dans l’exemple ci-dessous, le champ facultatif apparaît avec un fond jaune

:optional{
  background-color: yellow;
}
Pseudo : <input type="text" required="required">
<br>
Age : <input type="text">

Testez vous-même ce sélecteur

Inconvénient

Ce sélecteur est déconseillé. Il suffit, en effet, d’utiliser les sélecteurs d’attribut à la place :
input[required].

Version : CSS3

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera
Le sélecteur optional est pris en charge par tous les principaux navigateurs
A partir d’Internet Explorer 10

A voir aussi

:optional
:enabled
:checked
:invalid
:valid 
:disabled 
:read-only
:read-write
:out-of-range
:in-range
:focus