Indeterminate Value :indeterminate

The :indeterminate pseudo-class matches UI elements whose value is in an indeterminate state. An example of an element that can be in an indeterminate state is radio and checkbox elements. They can be checked, unchecked or neither (indeterminate).

Browser Support

Chrome Firefox Safari Opera IE Edge
Desktop yes yes yes yes yes yes
Mobile yes yes yes yes yes yes

Syntax

:indeterminate {
/* Style properties */
}

Example

/* The following example would highlight the label following a radio or checkbox in yellow, only if the radio or checkbox is in an indeterminate state. */

:indeterminate + label {
background-color: yellow;
}

Information is based on Selectors Level 4 - W3C Editor's Draft (last updated on May 24, 2016)
Copyright © 2015 W3C® (MIT, ERCIM, Keio, Beihang), All Rights Reserved. W3C liability, trademark and document use rules apply.