CSS :indeterminate Selector

Add a red shadow color to indeterminate inputs:

input:indeterminate {
box-shadow: 0 0 1px 1px red;
}

Definition and Usage

The :indeterminate selector selects form elements that are in an indeterminate state.

The :indeterminate selector can only be used on <input type="checkbox">, <input type="radio">, and <progress> elements.

Note: Checkboxes cannot be indeterminate with HTML - it is a property of the checkbox object, which can be set to true by JavaScript.

Radio buttons are indeterminate when all radio buttons with the same name value in the form are unchecked.

Version:	CSS3

The numbers in the table specifies the first browser version that fully supports the selector.

Selector
:indeterminate	39.0	Yes	51.0	Yes	Yes

:indeterminate {
css declarations;
}