我有一个使用HTML5验证的表单，它可以正常工作，现在我想添加输入边框颜色红色而不是HTML默认验证消息，但是默认情况下显示边框颜色，如何解决呢？
我试过的
input[type=text]:invalid {
border:1px solid red;
}<form class="form-body">
<label>Full Name</label>
<input type="text" class="form-control" required><br>
<label>Phone</label>
<input type="text" class="form-control" required><br>
<label>Email</label>
<input type="text" class="form-control" required><br>
<button type="submit">Submit</button>
</form>答案将不胜感激！
您可以尝试以下代码吗？仅当您聚焦输入时，它才会有红色边框。但是，如果希望在聚焦一次后失去焦点时显示边框，则可能需要编写一些JavaScript代码而不是CSS。
input:focus:invalid {border: 1px red solid;}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句