# CSS :out-of-range Selector # [ -- Learning more than just technology, but dreams!](#) * (javascript:void(0);) * (javascript:void(0);) * (javascript:void(0);) * (javascript:void(0)) CSS Reference (#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#) ## CSS Properties (#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)(#)[@font-face](#)[font-fam --- **Definition and Usage** The `:out-of-range` pseudo-class selector in CSS is used to select `` elements when the value is outside the specified range (defined by the `min` and `max` attributes). **Note:** The `:out-of-range` selector only applies to elements that have a range limitation, such as `` elements with `type="number"`, `range`, or `date`. **Browser Support** The numbers in the table specify the first browser version that fully supports the selector. | Selector | Chrome | Edge | Firefox | Safari | Opera | | :--- | :--- | :--- | :--- | :--- | :--- | | :out-of-range | 10.0 | 13.0 | 29.0 | 5.1 | 11.0 | **CSS Syntax** ```css :out-of-range { css declarations; } **Example** input:out-of-range { background-color: #ffdddd; }

The :out-of-range Selector

Enter a number from 0 to 100:

Note: The input field has a range from 0 to 100. If you enter a value outside this range, the background will turn red.