:indeterminate

This translation is incomplete. Please help translate this article from English

La pseudo-class CSS :indeterminate representa qualsevol element de formulari, l'estat del qual, sigui indeterminat.

/* Selecciona qualsevol <input> l'estat del qual sigui indeterminat */
input:indeterminate {
  background: lime;
}

Els elements als quals apunta aquest selector són:

Sintaxi

:indeterminate

Exemples

Checkbox & radio button

Aquest exemple aplica estils especials a les etiquetes associades a camps de formulari indeterminats.

HTML

<div>
  <input type="checkbox" id="checkbox">
  <label for="checkbox">This label starts out lime.</label>
</div>
<div>
  <input type="radio" id="radio">
  <label for="radio">This label starts out lime.</label>
</div>

CSS

input:indeterminate + label {
  background: lime;
}

JavaScript

var inputs = document.getElementsByTagName("input");

for (var i = 0; i < inputs.length; i++) {
  inputs[i].indeterminate = true;
}

Progress bar

HTML

<progress>

CSS

progress {
  margin: 4px;
}

progress:indeterminate {
  opacity: 0.5;
  background-color: lightgray;
  box-shadow: 0 0 2px 1px red;
}

Resultat

Especificacions

Especificació Estat Comentari
HTML Living Standard
The definition of ':indeterminate' in that specification.
Living Standard Sense canvis
HTML5
The definition of ':indeterminate' in that specification.
Recommendation Defineix la semàntica d'HTML i la validició de restriccions
Selectors Level 4
The definition of ':indeterminate' in that specification.
Working Draft Sense canvis
CSS Basic User Interface Module Level 3
The definition of ':indeterminate' in that specification.
Recommendation Defineix la pseudo-class, però no la semàntica associada.
Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
:indeterminateChrome Full support 1Edge Full support 12Firefox Full support 2IE Full support 10Opera Full support 9Safari Full support 3WebView Android Full support ‚ȧ37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 10.1Safari iOS Full support 1Samsung Internet Android Full support 1.0
type="checkbox"Chrome Full support 1Edge Full support 12Firefox Full support 3.6IE Full support 10Opera Full support 10.6Safari Full support 3WebView Android Full support ‚ȧ37Chrome Android Full support 18Firefox Android Full support 4Opera Android Full support 11Safari iOS Full support 1Samsung Internet Android Full support 1.0
<progress>Chrome Full support 6Edge Full support 12Firefox Full support 6IE Full support 10Opera Full support 15Safari Full support 5.1WebView Android Full support 37Chrome Android Full support 18Firefox Android Full support 6Opera Android Full support 14Safari iOS Full support 5Samsung Internet Android Full support 1.0
type="radio"Chrome Full support 39Edge Full support 79Firefox Full support 51IE No support NoOpera Full support 26Safari No support No
Notes
No support No
Notes
Notes See WebKit bug 156270.
WebView Android Full support 39Chrome Android Full support 39Firefox Android Full support 51Opera Android Full support 26Safari iOS No support No
Notes
No support No
Notes
Notes See WebKit bug 156270.
Samsung Internet Android Full support 4.0

Legend

Full support  
Full support
No support  
No support
See implementation notes.
See implementation notes.