English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Manuale completo delle scelte CSS
Se il valore inserito nell'elemento input è legittimo, impostalo in giallo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Corso di base (oldtoolbag.com)</title>
<style>
input:valid
{
background-color: yellow;
}
</style>
</head>
<body>
<h3>Esempio di selettore :valid.</h3>
<input type="email" value="[email protected]" />
<p>Inserisci un indirizzo e-mail non valido, per vedere la variazione dello stile.</p>
</body>
</html>Prova a vedere ‹/›Il selettore :valid viene impostato per applicare uno stile quando il valore dell'elemento del modulo deve essere verificato secondo determinate condizioni.
Attenzione: Il selettore :valid agisce solo sugli elementi che possono specificare un intervallo di valori, ad esempio i campi input con le proprietà min e max, e campi email corretti, campi numerici validi, ecc.
I numeri nella tabella rappresentano la versione del primo browser che supporta l'attributo.
| Selettore | |||||
|---|---|---|---|---|---|
| :valid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
:valid
{
dichiarazione css ;
}Selettore CSS :invalid