CSS : selettore valido
Esempio
Seleziona e applica lo stile solo se il valore dell'elemento <input> è valido:
input:valid
{
background-color: yellow;
}
Definizione e utilizzo
Il :valid
selettore seleziona gli elementi del modulo con un valore che convalida in base alle impostazioni dell'elemento.
Nota: il selettore :valid funziona solo per elementi del modulo con limitazioni, come elementi di input con attributi minimo e massimo, campi e-mail con un'e-mail legale o campi numerici con un valore numerico, ecc.
Suggerimento: utilizzare il selettore :invalid per selezionare gli elementi del modulo con un valore che non 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 | |||||
---|---|---|---|---|---|
:valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
Sintassi CSS
:valid {
css declarations;
}
Pagine correlate
Selettore CSS : non valido