2013-04-20 47 views
5

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

tooltip - please enter an email address.

或者更好的是,有人能解释如何在一般的定制引导的验证提示?


编辑:

已经指出的Le_Morri,这实际上是一个HTML 5的验证提示。我会为其他与我犯同样错误的人留下问题。

以下问题将帮助HTML5验证造型,

+2

据我所知,他们是通过浏览器风格。 [Here](http://webdesign.tutsplus.com/tutorials/site-elements/bring-your-forms-up-to-date-with-css3-and-html5-validation/)你有一个指导如何建立解决方法。 – 2013-04-20 17:40:05

+1

@Le_Morri,哦,哇,我不知道这是一个HTML5的东西,并假设Bootstrap是这样做的。您能否将您的意见转化为答案,以便我可以给你一些意见? – 2013-04-20 17:44:36

回答

5

因为据我所知,这些验证工具提示无法从引导。它们和HTML5功能并由浏览器提供和设计。

Here你可以找到一个指导如何创建自己的验证工具提示。

在WebKit浏览器,你可以使用样式这些提示一点:

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

,并与CSS :invalid选择,你可以风格的输入错误