CSS : Pemilih dalam jangkauan
Contoh
Pilih dan gaya hanya jika nilai elemen <input> adalah "dalam rentang":
input:in-range
{
border: 2px solid yellow;
}
Definisi dan Penggunaan
Selektor :in-range
memilih semua elemen dengan nilai yang berada dalam rentang yang ditentukan.
Catatan: Selektor :in-range hanya berfungsi untuk elemen input dengan atribut min dan/atau max!
Tip: Gunakan pemilih :out-of-range untuk memilih semua elemen dengan nilai yang berada di luar rentang yang ditentukan.
Versi: kapan: | CSS3 |
---|
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung pemilih.
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*Di Edge, properti :in-range juga salah memilih elemen input tanpa atribut min/max.
Sintaks CSS
:in-range {
css declarations;
}
Halaman Terkait
Pemilih CSS : di luar jangkauan