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

Question

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

因此，我想将气泡消息更改为显示在输入字段的左侧，或更改其样式。

HTML5表单

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

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

我该如何改变消息的显示样式？

- Bhumi Shah

---

我很担心回答，因为我们不确定您想要什么。除非您提供一些代码，否则很难确定。建议使用Jsbin.com和jsfiddle.net。这个链接https://dev59.com/BmQo5IYBdhLWcg3wKcrH可能并不完全符合您的需求，但它提供了一些有关如何对齐气泡消息以及如何使用jsbin提出问题的信息。 - user3278897

可能是重复的问题：如何为HTML5表单验证消息设置样式？ - kamil-mrzyglod

不是这样的，我的问题是右侧字段的消息被截断了。 - Bhumi Shah

Answer 1

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

- David Prieto