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

标签 javascript validation twitter-bootstrap tooltip

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

tooltip - please enter an email address.

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


编辑:

已被Le_Morri指出这实际上是一个 HTML 5 验证工具提示。我打算把这个问题留给其他和我犯同样错误的人。

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

最佳答案

据我所知,这些验证工具提示并非来自 Bootstrap 。它们是 HTML5 特性,由浏览器提供和设置样式。

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

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

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

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

关于javascript - 自定义 Bootstrap 的验证工具提示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16123284/

相关文章:

javascript - 如何在 javascript 中用命名函数替换匿名函数?

php - Firefox 浏览器的 Twitter Bootstrap 中不显示下拉箭头

css - 将左侧边栏移至底部

asp.net-mvc - 始终显示验证错误

html - 导航栏内联表单 bootstrap 3

javascript - prettier-eslint、eslint-plugin-prettier 和 eslint-config-prettier 之间有什么区别?

javascript - 创建一个不中断上一次调用的循环动画

javascript - JS通过数组索引返回对象

ruby-on-rails - Ruby on Rails PaperClip Gem 验证附件错误

angularjs - Angular 1.3 中新内置的 'parse' 验证 key 的目的是什么?