为所有现代浏览器设计样式浏览器验证答案

【问题标题】：Styling Browser Validation For All Modern Browsers为所有现代浏览器设计样式浏览器验证
【发布时间】：2015-05-22 09:37:55
【问题描述】：

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

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

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

我希望用纯 CSS 来实现。

这里是一些示例 HTML：

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

谢谢安德鲁

【问题讨论】：

标签： html css

【解决方案1】：

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

不支持 IE 8 和 9

您可以在

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

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

【讨论】：