English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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
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 ‹/›
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.
Les nombres dans le tableau représentent la version du premier navigateur prenant en charge cette propriété.
Sélecteur | |||||
---|---|---|---|---|---|
:optional | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
/*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.
Sélecteur CSS :required