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

【问题标题】：How to style the HTML5 form validation messages?如何设置 HTML5 表单验证消息的样式？
【发布时间】：2015-05-12 05:44:44
【问题描述】：

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

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

HTML5 表单

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

如何更改消息显示样式？

【问题讨论】：

我很担心回答，因为我们了解您想要什么。但是除非您添加一些代码，否则很难说。使用 Jsbin.com 和 jsfiddle.net。此链接stackoverflow.com/questions/16278114/… 可能不完全适合您的需要，但它提供了一些有关如何对齐气泡消息以及他们如何尝试使用 jsbin 提出问题的信息。
How do you style the HTML5 form validation messages?的可能重复
不，不一样，我的问题是当右侧字段时，消息被截断。

标签： html

【解决方案1】：

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

【讨论】：