有人可以向我解释如何自定义 Bootstrap 的输入 type="email" 验证工具提示,如下所示?
或者更好的是,有人可以解释一下如何自定义 Bootstrap 的验证工具提示吗?
编辑:
Le_Morri已经指出,这实际上是一个 HTML 5 验证工具提示。我将把这个问题留给与我犯同样错误的其他人。
以下问题将有助于 HTML5 验证样式,
有人可以向我解释如何自定义 Bootstrap 的输入 type="email" 验证工具提示,如下所示?
或者更好的是,有人可以解释一下如何自定义 Bootstrap 的验证工具提示吗?
编辑:
Le_Morri已经指出,这实际上是一个 HTML 5 验证工具提示。我将把这个问题留给与我犯同样错误的其他人。
以下问题将有助于 HTML5 验证样式,
据我所知,这些验证工具提示不是来自引导程序。它们是 HTML5 功能,由浏览器提供和设置样式。
在这里,您可以找到如何创建自己的验证工具提示的指南。
在 Webkit 浏览器中,您可以使用以下方式设置这些工具提示的样式:
::-webkit-validation-bubble-message {
padding: 1em;
}
并且使用 CSS:invalid
选择器,您可以设置错误输入的样式