相关疑难解决方法(0)

假设您有一些像这样的HTML:

<form>
    <input placeholder="Some text!" required>
    <input type="email" placeholder="An Email!" required>
    <input type="submit" value="A Button!">
</form>

由于required属性,如果将空白留空,较新的Webkits和Firefox会在该字段旁边显示验证消息.

他们回应了以下规则的风格:

div {
    font: Helvetica;
}

但我找不到更具体的选择器.有谁知道使用或将要使用的选择器,甚至是与此相关的webkit/gecko的错误报告？

(JSFiddle显示它们可以用div选择器设置样式:http://jsfiddle.net/p7kK5/)

有人可以向我解释如何自定义Bootstrap的输入类型="电子邮件"验证工具提示,如下所示？

或者更好的是,有人可以解释一下如何定制Bootstrap的验证工具提示吗？

编辑:

Le_Morri已经指出,这实际上是一个HTML 5验证工具提示.对于犯了同样错误的其他人,我要留下问题.

以下问题将有助于HTML5验证样式,

• 你如何设置HTML5表单验证消息的样式？
• 如何使用css设置html 5表单验证错误消息的样式？

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

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

HTML5 表单

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

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

如何更改消息显示样式？

现在，我有一个像这样的输入字段：

<input class="form-control" type="text"/>

但是它仍然允许输入数字。

我希望输入名称，并且要在字符串包含数字时显示错误消息。我该如何实现？