输入范围 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 版权协议,转载请附上原文出处链接和本声明