Ψευδοτύπος :in-range CSS

Ορισμός και χρήση

CSS :in-range Ο ψευδοτύπος χρησιμοποιείται για οποιοδήποτε στοιχείο που έχει τιμή εντός του καθορισμένου εύρους.

Σημείωση::in-range Ο ψευδοτύπος χρησιμοποιείται για στοιχεία <input> που έχουν τις ιδιότητες min και/ή max.

Σημείωση:Χρήση :out-of-range Ο ψευδοτύπος επιλέγει όλα τα στοιχεία που έχουν τιμές εκτός του καθορισμένου εύρους.

Παράδειγμα

Επιλέξτε και ρυθμίστε το στυλ του πεδίου εισαγωγής μόνο όταν η τιμή του πεδίου βρίσκεται στο εύρος:

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

Δοκιμάστε το προσωπικά

Γλώσσα CSS

:in-range {
  declarations css;
}

Τεχνικές λεπτομέρειες

Έκδοση: CSS3

Υποστήριξη προγράμματος περιήγησης

Τα αριθμήματα στη τράπεζα αναφέρονται στην πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το κρυπτοτύπο.

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

Σελίδες σχετικές

Αναφορά:Ψευδοκλάση :out-of-range CSS