Pseudo-class :in-range CSS

Definisi dan penggunaan

CSS :in-range Pseudo-class digunakan untuk mencocokkan elemen mana pun yang nilai berada dalam rentang.

Perhatian::in-range Pseudo-class digunakan untuk elemen <input> yang memiliki atribut min dan/atau max.

Pemberitahuan:Gunakan :out-of-range Pseudo-class memilih semua elemen yang nilai melebihi rentang yang ditentukan.

Contoh

Pilih dan tetapkan gaya input field hanya jika nilai field berada dalam rentang:

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

Coba sendiri

Rujukan sintaks CSS

:in-range {
  pendeklarasian css;
}

Rangkaian teknologi

Versi: CSS3

Dukungan pemeriksa

Nombor dalam jadwal menunjukkan versi penuh browser yang mendukung pseudo-class pertama.

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

Halaman berkenaan

Rujukan:Pseudo-kelas :out-of-range CSS