Ο :in-rangeψευδο-επιλογέας στο CSS ταιριάζει με τα στοιχεία εισόδου όταν η τιμή τους είναι εντός του εύρους που καθορίζεται ως αποδεκτή. Είναι μέρος της προδιαγραφής CSS Selectors Level 4 που βρίσκεται επί του παρόντος στο Πρόχειρο του Προγράμματος.
input:in-range ( border: 5px solid green; )Πιστεύω ότι είναι σχετικό μόνο στις input(type=number). Οι είσοδοι εύρους δεν επιτρέπουν τιμές έξω από το ελάχιστο / μέγιστο και δεν έχει νόημα για οποιονδήποτε άλλο τύπο εισόδου. Ίσως εισάγετε κείμενο-y με μέγιστο μήκος, αλλά η συμπεριφορά σε αυτά στα περισσότερα προγράμματα περιήγησης είναι να αποτρέψετε την είσοδο μετά το μέγιστο.
Διαδήλωση
Όπως και ο παραπάνω κώδικας, αυτή η είσοδος θα έχει πράσινο περίγραμμα όταν η τιμή της είναι μεταξύ 5 και 10.
Υποστήριξη προγράμματος περιήγησης
Αυτά τα δεδομένα υποστήριξης του προγράμματος περιήγησης προέρχονται από την Caniuse, η οποία έχει περισσότερες λεπτομέρειες. Ένας αριθμός υποδεικνύει ότι το πρόγραμμα περιήγησης υποστηρίζει τη λειτουργία σε αυτήν την έκδοση και νεότερη.
Επιφάνεια εργασίας
| Χρώμιο | Firefox | ΙΕ | Ακρη | Σαφάρι |
|---|---|---|---|---|
| 53 | 50 | Οχι | 79 | 10.1 |
Κινητό / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Σχετικές ιδιότητες
Almanac την 1η Ιουλίου 2020:εκτός εμβέλειας
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham