Esempio
Selezionare e stile solo se il valore della <input> elemento non è valido:
input:invalid
{
border: 2px solid red;
}
Prova tu stesso " Definizione e utilizzo
L': selettore non valido seleziona gli elementi del modulo con un valore che non convalidare in base alle impostazioni dell'elemento.
Nota: L': selettore non valido funziona solo per gli elementi del modulo con limitazioni, come elementi di input con min e max attributi, campi e-mail senza una email legale, o campi numerici senza un valore numerico, etc.
Suggerimento: Utilizzare il : valida selettore per selezionare elementi del modulo con un valore che convalida in base alle impostazioni dell'elemento.
| Versione: | CSS3 |
|---|
Supporto per il browser
I numeri nella tabella specifica la prima versione del browser che supporta pienamente il selettore.
| Selettore | |||||
|---|---|---|---|---|---|
| :invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS Sintassi
Pagine correlate
Selettore CSS : valida