CSS : selettore non valido
Esempio
Seleziona e applica lo stile solo se il valore dell'elemento <input> non è valido:
input:invalid
{
border: 2px solid red;
}
Definizione e utilizzo
Il :invalid
selettore seleziona gli elementi del modulo con un valore che non viene convalidato in base alle impostazioni dell'elemento.
Nota: il selettore :invalid funziona solo per elementi del modulo con limitazioni, come elementi di input con attributi minimo e massimo, campi e-mail senza un'e-mail legale o campi numerici senza un valore numerico, ecc.
Suggerimento: utilizzare il selettore :valid per selezionare gli elementi del modulo con un valore che viene convalidato in base alle impostazioni dell'elemento.
Versione: | CSS3 |
---|
Supporto del browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il selettore.
Selector | |||||
---|---|---|---|---|---|
:invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Sintassi CSS
:invalid {
css declarations;
}
Pagine correlate
Selettore CSS : valido