manuel de référence CSS

règles CSS @

大全 des propriétés CSS

Fonctions CSS Complète des sélecteurs CSS

Sélecteur :valid CSS

Exemple en ligne

Si la valeur saisie dans l'élément input est valable, la définir en jaune:

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Base tutoriel(oldtoolbag.com)</title>/title>　
<style>
input:valid
{
　　　　background-color: yellow;
}
</style>
</head>
<body>
<h3>Exemple de sélecteur :valid</h3>
<input type="email" value="[email protected]">　/>
<p>Entrez une e-mail invalide-Adresse e-mail, voir les changements de style.</p>
</body>
</html>

Voyons si ça marche ‹/›

Définition et utilisation

Les sélecteurs :valid sont utilisés pour définir le style des éléments de formulaire dont la valeur doit être vérifiée selon des conditions spécifiées.

Attention: 　Les sélecteurs :valid ne s'appliquent qu'aux éléments pouvant spécifier une plage de valeurs, par exemple les attributs min et max des éléments input, et les champs email corrects, les champs numériques valides, etc.

Compatibilité du navigateur

Les nombres dans le tableau indiquent la première version du navigateur prenant en charge cette propriété.

Sélecteur
:valid	10.0	10.0	4.0	5.0	10.0

Syntaxe CSS

:valid
{
　　　　Déclaration css ;
}

Pages associées

Sélecteur CSS :invalid

Manuel complet des sélecteurs CSS

Fonctions CSS Complète des sélecteurs CSS