输入范围 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

posted @ 2022-08-30 17:39  哈哈哈来了啊啊啊  阅读(104)  评论(0编辑  收藏  举报