我想编辑html5的必填字段我该怎么做？

Question

我使用了 HTML5 必填字段，但我想编辑该字段的属性。

例如：

我有用户名的输入字段。如果我们在输入字段中留空，则会出现红色框，并在required内写入文本。我想更改该框的颜色，或者我想更改该框的内部文本。什么是可能的解决方案。我谷歌这个但找不到合适的结果。

Answer 1

您可以使用css伪类来设置无效/有效字段的样式：

input:invalid {}
input:valid {}

Answer 2

您可以创建自己的CSS来设置被视为有效或无效的表单字段的样式。请记住，您可以使用所需属性在CSS样式元素中使用：:required，我们可以使用以下内容设置有效或无效字段的样式：:valid或：:invalid。

<强>必需：

input:required {
   color: #00FF00;
}

<强>有效/无效：

input:invalid {
   background-color: #FF0000;
}

input:valid {
   background-color: #00FF00;
}