CSS :in-range pseudoklass

Definition och användning

CSS :in-range Pseudoklasser används för att matcha element där värdet ligger inom intervallet.

Observera::in-range Pseudoklasser används för <input>-element med min och/eller max-attribut.

Tips:Använd :out-of-range Pseudoklasser väljer alla element där värdet är utanför det specificerade intervallet.

Exempel

Välj och sätt inlayd stil på inmatningsfältet endast när fältets värde ligger inom intervallet:

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

Prova själv

CSS-syntax

:in-range {
  css-uttryck;
}

Tekniska detaljer

Webbläsarstöd

Tabellens nummer anger den första webbläsarversionen som fullständigt stöder den här pseudoklassen.

Relaterade sidor

Referens:CSS :out-of-range pseudoklass