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

Question

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

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

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

这只是一个浏览器错误，还是我有可能影响它？

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

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

Answer 1

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

这是一个 Cromium 问题，其中指出我们无法设置错误消息的样式。