如何设置 HTML5 表单验证消息的样式？

Question

我正在使用“必需”的 HTML5 验证，但气泡消息正在我的屏幕中创建滚动条，因为输入字段尺寸很小并且位于右侧。

所以我想更改气泡消息以显示输入字段的左侧或更改其样式。

HTML5 表单

 <form>
  <input type="text" required value="" style="float:right"/>
  <input type="submit" value="Submit" />
</form>

http://jsfiddle.net/bhumi/4ty922h9/

如何更改消息显示样式？

Answer 1

显然，所有网络浏览器都不允许自定义验证气泡。Chrome 曾经有，但删除了它。解决这个问题的唯一方法就是完全消除泡沫并制作自己的泡沫。此链接可能会有所帮助。