Ο ψευδο-κλάσος required

Ο ψευδο-κλάσος required ορίζει το στυλ σε input που έχει το χαρακτηριστικό required, δηλαδή αυτός ο ψευδο-κλάσος εφαρμόζεται σε υποχρεωτικά για συμπλήρωση input.

Σύνταξη

επιλογέας:required {}

Παράδειγμα

Ας ορίσουμε σε υποχρεωτικό για συμπλήρωση input μπλε φόντο:

<form>
	<p>
		<label>Εισάγετε αριθμό</label>
		<input type="number" required>
	</p>
	<p>
		<label>Εισάγετε κείμενο</label>
		<input type="text">
	</p>
</form>

input:required {
	background-color: #C2DDFD;
}

Δείτε επίσης

ο ψευδο-κλάσος :optional,
που ορίζει στυλ σε input που δεν έχει το χαρακτηριστικό required
ο ψευδο-κλάσος :default,
που ορίζει στυλ σε στοιχεία by default
ο ψευδο-κλάσος :indeterminate,
που ορίζει στυλ σε διακόπτες που βρίσκονται σε απροσδιόριστη κατάσταση
ο ψευδο-κλάσος :read-only,
που ορίζει στυλ σε input που δεν είναι διαθέσιμα για αλλαγή
ο ψευδο-κλάσος :read-write,
που ορίζει στυλ σε input που είναι διαθέσιμα για αλλαγή