所有现代浏览器的样式浏览器验证

Question

我已经看到更现代的浏览器，他们会自动开始使用您可以放置​​在其上的新HTML属性来验证表单。

我想知道的是，我们如何设置表单的自动浏览器验证样式，使它们看起来都一样？

那么什么是CSS： Firefox，Chrome，IE，Opera，Safari +任何其他浏览器。

我希望用纯CSS做到这一点。

以下是一些示例HTML：

<form>
E-mail: <input type="email" name="email" required="required" /> <input type="submit" />
</form>

JSFIDDLE

由于 安德鲁

Answer 1

<input type="email" name="email" required="required" />

不支持IE 8和9

您可以在

中看到不同浏览器支持的标签列表

how well does your browser support html5?

但是如果您想在其他浏览器中自定义警报消息，可以参考此链接 Data forvalidation