Pseudo-classe :in-range CSS

Définition et utilisation

CSS :in-range Les pseudo-classes sont utilisées pour correspondre à tout élément dont la valeur est dans la plage.

Attention ::in-range Les pseudo-classes sont utilisées pour les éléments <input> ayant des attributs min et/ou max.

Astuce :Utilisation :out-of-range Les pseudo-classes sélectionnent tous les éléments dont les valeurs dépassent la plage spécifiée.

Exemple

Sélectionnez et définissez le style du champ d'entrée uniquement lorsque la valeur du champ est dans la plage :

input:in-range {
  border: 2px solid green;
  background-color: beige;
}

Essayez-le vous-même

Grammaire CSS

:in-range {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge ce pseudo-classe en pleine mesure.

Pages associées

Référence :pseudo-classe :out-of-range CSS