Question

我是这样的CSS代码：

.input:required:invalid {
  border: 1px solid red;
}

此输入的HTML是这样的：

<input class="input" type="text" required="required" />

来自JS，我想弄清楚浏览器是否支持CSS验证，例如我在Chrome浏览器中收到错误消息，说明我应填写该字段并阻止用户提交表单，但在Mobile Safari上它不会显示任何内容，它将允许用户提交表单。

这可能吗？我还有其他选择吗？

提前致谢！

Answer 1

我意识到没有办法用CSS验证表单。我相信您正在讨论HTML5验证并使用CSS添加样式以显示错误消息或必填字段？