English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

manuel de référence CSS

règle @CSS (RULES)

大全 des propriétés CSS

Sélecteur :optional CSS

Le pseudo-classe :optional CSS représente tous les éléments <input>, <select> ou <textarea> sans l'attribut required.

Manuel de référence complet des sélecteurs CSS

Exemple en ligne

Si l'élément input n'a pas l'attribut "required" défini, définissez-le en rouge foncé :

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Base Tutorial(oldtoolbag.com)</title>/title> 
<style>
input:optional
{
background-color: #cc0000;
}
</style>
</head>
<body>
<h3>Exemple de démonstration de sélecteur :optional.</h3>
<p>Élément input optionnel :<br><input></p>
<p>Élément input obligatoire :<br><input required></p>
<p> :optional Sélecteur utilisé pour les éléments non définis comme "required" dans le formulaire.</p>
</body>
</html>
Voyons voir ‹/›

Définition et utilisation

Le sélecteur :optional définit un style spécifique lorsque l'élément de formulaire est optionnel.

Dans un élément de formulaire, si l'attribut required n'est pas spécifié, il s'agit d'un attribut optionnel.

Attention :  Le sélecteur :optional n'est applicable qu'aux éléments de formulaire : input, select et textarea.

Compatibilité navigateur

Les nombres dans le tableau représentent la version du premier navigateur prenant en charge cette propriété.

Sélecteur




:optional10.010.04.05.010.0

Syntaxe CSS

/*Sélectionnez n'importe quel champ input optionnel*/
input:optional {
  border: 1px dashed black;
}

Il permet de présenter facilement les champs optionnels des formulaires et de rendre leur apparence. Note : pour définir l'apparence des champs obligatoires, utilisez le pseudo-classe :required.

Pages associées

Sélecteur CSS :required

Manuel de référence complet des sélecteurs CSS