Pseudo Classe CSS :invalid

La pseudo-classe CSS :invalid sélectionne les éléments <form> avec une valeur qui est invalide selon les paramètres de l'élément.

Le sélecteur :invalid ne fonctionne que pour former les éléments <input> avec les attributs min et max, champ de courriel sans un courriel légal, ou champs de nombres sans une valeur numérique.

Version

CSS3

Syntaxe

:invalid {
css declarations;
}

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
    <style>
      input:invalid {
      border: 2px solid #ff0000;
      }
    </style>
  </head>
  <body>
    <h2>Exemple du sélecteur :invalid</h2>
    <form>
      <input type="email" value="E-mail">
    </form>
  </body>
</html>

Support de Navigateurs

10.0+ 12.0+ 4.0+ 10.1+ 10.0+


Trouvez-vous cela utile?

Articles Associées