Pseudo-classe CSS :out-of-range

Définition et utilisation

CSS :out-of-range Les pseudo-classes sont utilisées pour correspondre à tout élément whose la valeur dépasse la limite de la plage donnée.

Attention ::out-of-range Les pseudo-classes sont utilisées pour les éléments qui ont les attributs min et/ou max Élément <input>.

Astuce :Utilisation :in-range Les pseudo-classes sélectionnent tous les éléments whose les valeurs sont dans la plage spécifiée.

Exemple

Choisissez et définissez le style du champ d'entrée uniquement lorsque la valeur du champ dépasse les limites de la plage :

input:out-of-range {
  border: 2px solid red;
  background-color: pink;
}

Essayer par vous-même

Grammaire CSS

:out-of-range {
  déclarations css;
}

Détails techniques

Version : CSS3

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge ce pseudo-classe.

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

Pages associées

Référence :Pseudo-classe :in-range CSS