如何设置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曾经删除它。 对此采取措施的唯一方法是彻底清除泡沫并制作自己的泡泡。这link可能会有所帮助。