[英]Border color change on no input
我有一个代码,我想要,如果没有输入,则边框颜色为蓝色。 我有这个:
<fieldset>
<label>Number</label>
<input type="number" value="1" max="10" min="1" step="1" required>
</fieldset>
和
input:out-of-range {
border: solid red 1px;
}
input[value=""] {
border: solid purple 1px;
}
我希望数字框为空时为紫色
您不能以这种方式使用属性选择器。 更改<input>
的值将修改属性,而不是attribute 。
但是,由于将required
属性应用于<input>
,因此可以使用:invalid
伪选择器:
input{
border:1px solid red;
}
input:invalid {
border: 1px solid purple;
}
文献资料
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.