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

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