CSS :invalidSélecteurs

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

Exemple

Si la valeur dans l'élément input est invalide, définir le style en rouge :

input:invalid { border:2px solid red; }

Essayez-le vous-même »

Définition et utilisation

Le sélecteur :invalid est utilisé pour définir des styles spécifiques lorsqu'une valeur dans un élément de formulaire est invalide.

Remarque :Le sélecteur :invalid ne fonctionne que sur les éléments qui peuvent spécifier des valeurs de plage, comme les attributs min et max dans les éléments input, ainsi que les champs email corrects, les champs numériques valides, etc.


Prise en charge des navigateurs

Les nombres dans le tableau indiquent le premier numéro de version du navigateur qui prend en charge la propriété.

Sélecteurs
:invalid 10.0 10.0 4.0 5.0 10.0

Syntaxe CSS

:invalid
{
Déclaration CSS;
}


Pages associées

Sélecteurs CSS:valid


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

autres extensions