HTML5 表单验证弹出窗口在 chrome 和 IE 中不可读答案

【问题标题】：HTML5 form validation popup not readable in chrome and IEHTML5 表单验证弹出窗口在 chrome 和 IE 中不可读
【发布时间】：2016-08-18 20:22:10
【问题描述】：

当带有 HTML5 验证的输入位于浏览器窗口底部时，HTML5 表单验证弹出窗口将出现在浏览器窗口“外部”，即无法读取。

我创建了一个小提琴来显示问题：https://jsfiddle.net/gy8vhLz9/2/

该弹出窗口在 Firefox 中运行良好，但在 Chromium 51.0 或 IE10 或 IE11 中无法读取。

这仅仅是浏览器的错误，还是我有可能影响它？

当我的问题包含指向 jsfiddle.net 的链接时，Stackoverflow 会强制我显示代码。这是 jsfiddle 中的 HTML，当我 not 输入有效的电子邮件地址时会导致问题：

<input type="email" placeholder="email" />

【问题讨论】：

【解决方案1】：

我的结论是 HTML5 验证尚未成熟。我们应该使用别的东西。

Here 是一个 Cromium 问题，其中声明我们无法设置错误消息的样式。

【讨论】：