Question

我想更改所需功能的文本颜色。可以吗？

例如，

<!DOCTYPE html>
<html>
<body>
  <form>
    <input rows="4" cols="50" name="comment" required/>
    <input type="submit">
  </form>
</body>
</html>

运行上面的代码时，当我们单击“提交”而不输入文本框时，显示错误消息“请填写此字段”。这是黑色。但是，我希望它应该是红色。可以改变颜色吗？

Answer 1

Required只是一个属性，因此我们可以应用样式。

使用此样式：

input:required { 
     background-color: #000;
     color:#ffffff;
}

或

input[required] {
    background-color: yellow;
}