javascript – 自定义Bootstrap的验证工具提示?

有人可以向我解释如何自定义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?

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

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

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

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

并使用CSS:无效的选择器,您可以设置错误的输入样式

转载注明原文:javascript – 自定义Bootstrap的验证工具提示? - 代码日志