自定义Bootstrap验证工具提示？

Question

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

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

---

修改

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

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

• How do you style the HTML5 form validation messages?
• How do I style the html 5 form validation error messages with css?

Answer 1

据我所知，这些验证工具提示不是来自bootstrap。它们是HTML5功能，由浏览器提供和设置样式。

Here您可以找到如何创建自己的验证工具提示的指南。

在Webkit浏览器中，您可以使用以下方式设置这些工具提示的样式：

::-webkit-validation-bubble-message {
    padding: 1em;
}

并使用CSS :invalid选择器可以设置错误输入的样式