This translation is in progress.

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.

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes Yes Yes Yes
type="checkbox" ? Yes3.6910.63
type="radio"39 No151 No ? No2
<progress>6 Yes610 ? Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support ? ? Yes Yes ? ? ?
type="checkbox" ? ? Yes4 ? ? ?
type="radio"39 ? No151 ? No2 ?
<progress> ? ? Yes6 ? ? ?

1. See Edge bug 7124038.

2. See WebKit bug 156270.

Document Tags and Contributors

Contributors to this page: fscholz, Legioinvicta
Last updated by: fscholz,