CSS :aralık içi Seçici
Örnek
Yalnızca <input> öğesinin değeri "aralık içinde" ise seçin ve stil verin:
input:in-range
{
border: 2px solid yellow;
}
Tanım ve Kullanım
Seçici :in-range
, belirli bir aralıktaki bir değere sahip tüm öğeleri seçer.
Not: :in-range seçicisi yalnızca min ve/veya max öznitelikleri olan girdi öğeleri için çalışır!
İpucu: Belirtilen aralığın dışında bir değere sahip tüm öğeleri seçmek için :aralık dışı seçiciyi kullanın.
Sürüm: | CSS3 |
---|
Tarayıcı Desteği
Tablodaki sayılar, seçiciyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*Edge'de, :in-range özelliği, min/maks öznitelikleri olmayan giriş öğelerini de yanlış seçer.
CSS Sözdizimi
:in-range {
css declarations;
}
İlgili Sayfalar
CSS Seçici :aralık dışı