CSS3 :out-of-range Selector


Example

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

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

Try it yourself »

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 elements with range limitations, such as input elements with min and max attributes.

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

Version: CSS3

Browser Support

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

Selector
:out-of-range 10.0 Not supported 28.0 5.2 11.0

CSS Syntax

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

Related Pages

CSS Selector :in-range



SHARE THIS PAGE

COLOR PICKER

colorpicker





Search w3schools.com:

Translate w3schools.com: