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

Ο ψευδο-κλάσος indeterminate ορίζει το στυλ για τους διακόπτες που βρίσκονται σε απροσδιόριστη κατάσταση, δηλαδή δεν έχουν επιλεγεί.

Σύνταξη

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

Ας αλλάξουμε το χρώμα της γραμματοσειράς του κειμένου σε πράσινο, όταν ο διακόπτης βρίσκεται σε απροσδιόριστη κατάσταση:

<form>
	<p>
		<input type="checkbox">
			<span>Κείμενο</span>
	</p>
</form>

input:indeterminate, input:indeterminate + span {
	color: green;
}
input, span {
	color: black;
}

document.getElementsByTagName('input')[0].indeterminate = true;

ο ψευδο-κλάσος :default,
που ορίζει στυλ για τα στοιχεία by default
ο ψευδο-κλάσος :optional,
που ορίζει στυλ για input που δεν έχει το χαρακτηριστικό required
ο ψευδο-κλάσος :placeholder-shown,
που ορίζει στυλ για στοιχεία όταν εμφανίζεται το κείμενο-υπόδειξη
ο ψευδο-κλάσος :read-only,
που ορίζει στυλ για inputs που δεν είναι δυνατή η αλλαγή τους
ο ψευδο-κλάσος :required,
που ορίζει στυλ για input που έχει το χαρακτηριστικό required
ο ψευδο-κλάσος :focus-within,
που ορίζει στυλ για στοιχεία σε εστίαση
η ιδιότητα caret-color,
που ορίζει το χρώμα του κέρσορα κειμένου στο input