CSS :out-of-range选择器

定义和用法

:out-of-range选择器选择与作为指定的范围之外的值的所有元素。

注意：:out-of-range选择器仅适用于具有min和/或max属性的input元素！

提示：使用:in-range选择器选择值在指定范围内的所有元素。

特征	说明
CSS版本	CSS3

表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-， -webkit-，-moz-或-o-指定使用前缀的第一个版本。

选择器	IE/Edge	Chrome	FireFox	Safari	Opera
选择器名称
:out-of-range	13.0*	53.0	50.0	10.1	40.0

*在Edge中，:out-of-range属性也会错误地选择没有min/max属性的input元素。

:out-of-range {
  css declarations;
}

仅当<input>元素的值为“超出范围”时才选择并设置样式：

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

尝试一下