javascript - 自定义 Bootstrap 的验证工具提示？

Question

有人可以向我解释如何自定义 Bootstrap 的 input type="email"验证工具提示吗？

或者更好的是，有人可以解释一下一般如何自定义 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 选择器，您可以设置错误输入的样式