Pseudoluokka valid
Pseudoluokka valid asettaa tyylin
syötekentille, joihin on syötetty oikea
arvo tai arvo, joka vastaa määritettyä
tyyppiä.
Syntaksi
valitsija:valid {
}
Esimerkki
Muutetaan syötekentän tausta väri vaaleanpunaisesta vihreäksi, kun syötetty arvo täyttää valitun tyypin vaatimukset:
<p>Syötä sähköpostiosoitteesi</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Katso myös
-
pseudoluokka
:invalid,
joka asettaa tyylin syötekentälle, johon on syötetty väärä arvo -
pseudoluokka
:out-of-range,
joka asettaa tyylin elementeille, joiden arvot ylittävät alueen -
pseudoluokka
:in-range,
joka asettaa tyylin elementeille, joilla on määritetty arvoalue
