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

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

Σύνταξη

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

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

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

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

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

Результат:

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