CSS :out-of-range Selector

Select and style only if the value of the <input> element is "out of range":

input:out-of-range {
border: 2px solid red;
}

Definition and Usage

The :out-of-range selector selects all elements with a value that is outside a specified range.

Note: The :out-of-range selector only works for input elements with min and/or max attributes!

Tip: Use the :in-range selector to select all elements with a value that is within a specified range.

Version:	CSS3

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

Selector
:out-of-range	53.0	13.0*	50.0	10.1	40.0

*In Edge, the :out-of-range property also incorrectly selects input elements without min/max attributes.

:out-of-range {
css declarations;
} Demo

CSS Selector :in-range