Ο ψευδο-κλάσος :valid
Ο ψευδο-κλάσος :valid ορίζει το στυλ
για πεδία εισαγωγής στα οποία εισάγεται σωστή
τιμή ή τιμή που αντιστοιχεί στον καθορισμένο
τύπο.
Σύνταξη
επιλογέας:valid {
}
Παράδειγμα
Ας αλλάξουμε το χρώμα του φόντου του πεδίου εισαγωγής σε ροζ, όταν εισάγεται λανθασμένη τιμή και πίσω σε πράσινο χρώμα, όταν η τιμή πέρασε τον έλεγχο αντιστοιχίας του επιλεγμένου τύπου:
<p>Εισάγετε το email σας</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Δείτε επίσης
-
ο ψευδο-κλάσος
:invalid,
που ορίζει στυλ για πεδία εισαγωγής στα οποία εισάγεται λανθασμένη τιμή -
ο ψευδο-κλάσος
:out-of-range,
που ορίζει στυλ για στοιχεία των οποίων οι τιμές ξεπερνούν τα όρια του εύρους -
ο ψευδο-κλάσος
:in-range,
που ορίζει στυλ για στοιχεία με καθορισμένο εύρος τιμών
