Pseudo-kelas :in-range CSS

Definisi dan penggunaan

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

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

Pemberitahuan:Gunakan :out-of-range Pseudo-kelas memilih elemen yang nilai超出指定范围的。

Contoh

Pilih dan atur gaya input field saat nilai field berada dalam rentang:

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

Coba sendiri

Syntaks CSS

:in-range {
  pernyataan css;
}

Detil teknis

Versi: CSS3

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung pseudo-kelas ini penuh.

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

Halaman yang berhubungan

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