CSS :out-of-range选择器,匹配超出范围元素
:out-of-range选择器语法
E:out-of-range{样式设置}
提示:该伪类选择器匹配选择的是E匹配到的元素中超出范围的元素。
提示::out-of-range选择器一般情况下只适用于设置了min或max属性,或二者同时设置的input元素。
:out-of-range选择器实例代码,及在线编辑器
<input type='number' min='8' max='18'><br><br>
<input type='number'>
<style>
input:out-of-range{background-color:skyblue;}
</style>
实例代码解析
如上代码,当设置了min和max属性的input输入的值小于8或大于18时,该input将被input:out-of-range选择器匹配获取,并设置相关的样式。