: fuori campo - Trucchi CSS

Anonim

Lo :out-of-rangepseudo selettore in CSS corrisponde agli elementi di input quando il loro valore è al di fuori dell'intervallo specificato come accettabile.

input:out-of-range ( border: 5px solid red; )

Credo che sia rilevante solo per l'input (tipo = numero). Gli input di intervallo non consentono valori al di fuori del loro minimo / massimo e non ha molto senso su nessun altro tipo di input. Forse input di testo con una lunghezza massima, ma il comportamento su quelli nella maggior parte dei browser è di impedire comunque l'ingresso oltre il massimo.

Demo

Proprio come il codice sopra, questo input avrà un bordo verde quando il suo valore è compreso tra 5 e 10.

Ulteriori informazioni

  • La spec
  • : in gamma

Supporto browser

Cromo Safari Firefox musica lirica IE Android iOS
10+ 5.2+ 19- 11+ 10- 2.3+ 4+