我有一个代码，我想要，如果没有输入，则边框颜色为蓝色。我有这个：
<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>s值将修改属性，而不是attribute。
但是，由于已将required属性应用于您的属性<input>，因此可以使用:invalid伪选择器：
input{
border:1px solid red;
}
input:invalid {
border: 1px solid purple;
}
文献资料
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句