:in-rangeBunların değeri kabul edilebilir olarak belirtilen aralık içinde olduğu zaman CSS sözde seçici giriş elemanı ile eşleşir. Şu anda Editör Taslağında bulunan CSS Seçiciler Seviye 4 spesifikasyonunun bir parçasıdır.
input:in-range ( border: 5px solid green; )Sadece alakalı olduğuna inanıyorum input(type=number). Aralık girişleri, minimum / maksimum değerleri dışındaki değerlere izin vermez ve diğer herhangi bir giriş türü için pek anlamlı değildir. Belki bir maksimum uzunluğa sahip metin-y girdileri, ancak çoğu tarayıcıdaki davranış, yine de maksimum değeri aşan girdileri engellemektir.
Demo
Yukarıdaki kodda olduğu gibi, bu girişin değeri 5 ile 10 arasında olduğunda yeşil bir kenarlık olacaktır.
Tarayıcı desteği
Bu tarayıcı destek verileri, daha fazla ayrıntıya sahip olan Caniuse'den alınmıştır. Bir sayı, tarayıcının özelliği o sürümde ve sonrasında desteklediğini gösterir.
Masaüstü Bilgisayar
| Krom | Firefox | IE | Kenar | Safari |
|---|---|---|---|---|
| 53 | 50 | Hayır | 79 | 10.1 |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
İlgili özellikler
Almanak 1 Tem 2020'de: aralık dışı
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham