CSS :in-range pseudoklasi

Määritelmä ja käyttö

CSS :in-range Pseudoklasi käytetään arvojen välillä olevien elementtien määrittämiseen.

Huomioitavaa::in-range Pseudoklasi käytetään <input>-elementteihin, joilla on min ja/tai max-ominaisuudet.

Vinkki:Käytetään :out-of-range Pseudoklasi valitsee kaikki arvot, jotka ovat määritettyjen rajojen ulkopuolella.

Esimerkki

Valitaan ja asetetaan syöttökentän tyyli vain, jos kentän arvo on annetussa rajassa:

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

Kokeile itse

CSS-grammatiikka

:in-range {
  css-lauseet;
}

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka tukee kyseistä pseudoklasseja täysin.

Tiedostot

Viite:CSS :out-of-range tekoilu