CSS :indeterminate Selector

The :indeterminate selector in CSS is used to select any form elements that are in indeterminate state i.e a state that is neither checked nor unchecked. Elements targeted by this selector are:

• <input = "checkbox"> elements whose indeterminate property is set to true by JavaScript
• <input = "radio"> elements, when all radio buttons with the same name value in the form are unchecked
• <progress> elements in an indeterminate state

Example 1:

Output:

👁 indeterminate

Example 2:

Output:

👁 indeterminate

Supported Browsers: The browser supported by :indeterminate selector are listed below:

• Apple Safari 3.0
• Google Chrome 1.0
• Edge 12.0
• Firefox 2.0
• Opera 9.0