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选择器匹配获取,并设置相关的样式。



全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.