:indeterminate

Übersicht

Die :indeterminate CSS Pseudoklasse repräsentiert alle <input type="checkbox"> Elements, deren indeterminate DOM Eigenschaft durch JavaScript auf true gesetzt wurde. Darüber hinaus wird sie in manchen Browsern dazu verwendet, <progress> Elemente in einem Zwischenstatus zu finden.

Beispiel

input, span {
  background: red;
}

:indeterminate, :indeterminate + span {
  background: limegreen;
}

<input type="checkbox"> <span>Der Inhalt dieses Absatzes hat eine grüne Hintergrundfarbe.</span>

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

Spezifikationen

Spezifikation Status Anmerkung
HTML Living Standard
Die Definition von ':indeterminate' in dieser Spezifikation.		 Lebender Standard Keine Änderung
HTML5
Die Definition von ':indeterminate' in dieser Spezifikation.		 Empfehlung Definiert die Semantik bezüglich HTML und Begrenzungsvalidierung.
Selectors Level 4
Die Definition von ':indeterminate' in dieser Spezifikation.		 Arbeitsentwurf Keine Änderung
CSS Basic User Interface Module Level 3
Die Definition von ':indeterminate' in dieser Spezifikation.		 Empfehlung Definiert die Pseudoklasse, aber nicht die dazugehörige Semantik.

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
:indeterminateChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 2IE Vollständige Unterstützung 10Opera Vollständige Unterstützung JaSafari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung JaSafari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
type="checkbox"Chrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 3.6IE Vollständige Unterstützung 10Opera Vollständige Unterstützung 10.6Safari Vollständige Unterstützung 3WebView Android Vollständige Unterstützung ≤37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 11Safari iOS Vollständige Unterstützung 1Samsung Internet Android Vollständige Unterstützung 1.0
<progress>Chrome Vollständige Unterstützung 6Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 6IE Vollständige Unterstützung 10Opera Vollständige Unterstützung 15Safari Vollständige Unterstützung 5.1WebView Android Vollständige Unterstützung 37Chrome Android Vollständige Unterstützung 18Firefox Android Vollständige Unterstützung 6Opera Android Vollständige Unterstützung 14Safari iOS Vollständige Unterstützung 5Samsung Internet Android Vollständige Unterstützung 1.0
type="radio"Chrome Vollständige Unterstützung 39Edge Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See Edge bug 7124038.
Firefox Vollständige Unterstützung 51IE Keine Unterstützung NeinOpera Vollständige Unterstützung 26Safari Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See WebKit bug 156270.
WebView Android Vollständige Unterstützung 39Chrome Android Vollständige Unterstützung 39Firefox Android Vollständige Unterstützung 51Opera Android ? Safari iOS Keine Unterstützung Nein
Hinweise
Keine Unterstützung Nein
Hinweise
Hinweise See WebKit bug 156270.
Samsung Internet Android Vollständige Unterstützung 4.0

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Siehe Implementierungshinweise.
Siehe Implementierungshinweise.
Verwandte Themen
  1. CSS
  2. CSS Referenz
  3. CSS Selectors
  4. Handbuch
    1. Using the :target pseudo-class in selectors [Übersetzen]
  5. Eigenschaften
    1. Selector list [Übersetzen]
  6. Basic Selectors
    1. Typselektoren
    2. Klassenselektoren
    3. ID-Selektoren
    4. Universalselektoren
    5. Attributselektoren
  7. Combinators
    1. Angrenzende Geschwisterselektoren
    2. Allgemeine Geschwisterselektoren
    3. Kindselektoren
    4. Descendant combinator [Übersetzen]
    5. Column combinator [Übersetzen]
  8. Pseudo-classes
    1. :active
    2. :any-link [Übersetzen]
    3. :checked [Übersetzen]
    4. :blank [Übersetzen]
    5. :default
    6. :defined [Übersetzen]
    7. :dir()
    8. :disabled
    9. :empty
    10. :enabled
    11. :first
    12. :first-child
    13. :first-of-type
    14. :fullscreen
    15. :focus
    16. :focus-visible [Übersetzen]
    17. :focus-within [Übersetzen]
    18. :has() [Übersetzen]
    19. :host() [Übersetzen]
    20. :host-context() [Übersetzen]
    21. :hover
    22. :indeterminate
    23. :in-range
    24. :invalid
    25. :is() (:matches(), :any()) [Übersetzen]
    26. :lang
    27. :last-child
    28. :last-of-type
    29. :left [Übersetzen]
    30. :link
    31. :not()
    32. :nth-child
    33. :nth-last-child() [Übersetzen]
    34. :nth-last-of-type() [Übersetzen]
    35. :nth-of-type() [Übersetzen]
    36. :only-child
    37. :only-of-type [Übersetzen]
    38. :optional
    39. :out-of-range
    40. :placeholder-shown [Übersetzen]
    41. :read-only [Übersetzen]
    42. :read-write [Übersetzen]
    43. :required
    44. :right [Übersetzen]
    45. :root
    46. :scope [Übersetzen]
    47. :target [Übersetzen]
    48. :valid [Übersetzen]
    49. :visited
    50. :where() [Übersetzen]
  9. Pseudo-elements
    1. ::-moz-progress-bar
    2. ::-moz-range-progress [Übersetzen]
    3. ::-moz-range-thumb [Übersetzen]
    4. ::-moz-range-track [Übersetzen]
    5. ::-ms-browse
    6. ::-ms-check
    7. ::-ms-clear [Übersetzen]
    8. ::-ms-expand [Übersetzen]
    9. ::-ms-fill
    10. ::-ms-fill-lower
    11. ::-ms-fill-upper
    12. ::-ms-reveal
    13. ::-ms-thumb
    14. ::-ms-ticks-after [Übersetzen]
    15. ::-ms-ticks-before [Übersetzen]
    16. ::-ms-tooltip [Übersetzen]
    17. ::-ms-track [Übersetzen]
    18. ::-ms-value [Übersetzen]
    19. ::-webkit-progress-bar [Übersetzen]
    20. ::-webkit-progress-value [Übersetzen]
    21. ::-webkit-slider-runnable-track [Übersetzen]
    22. ::-webkit-slider-thumb [Übersetzen]
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue [Übersetzen]
    27. ::first-letter (:first-letter) [Übersetzen]
    28. ::first-line (:first-line) [Übersetzen]
    29. ::grammar-error [Übersetzen]
    30. ::marker [Übersetzen]
    31. ::part() [Übersetzen]
    32. ::placeholder
    33. ::selection
    34. ::slotted() [Übersetzen]
    35. ::spelling-error [Übersetzen]