输入范围 CSS 选择器

输入范围 CSS 选择器

在本文中，我们将学习一个大多数开发人员都不知道的 CSS 选择器

输入范围的 CSS 选择器

这里的输入范围是指一个普通的html输入字段，属性type=number，即 <input type="number">

这允许用户将用户输入限制为仅数字，并允许设置要在输入中输入的数字的最小值和最大值，如下所示

<input type="number" min="2" max="5">

让我们添加一些风格

 输入：范围内{  
 颜色：绿色；  
 }  
  
 输入：超出范围{  
 红色;  
 }

如果用户在 2-5 范围内输入值，上面的代码是不言自明的，如果他超出 max-min 范围，则颜色将为红色

Inramge

outrange

到这里就完成了in-range和out-of-range css选择器的使用，

希望你喜欢，表达一些爱

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/1802/38133017