2013-04-20 52 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選擇,你可以風格的輸入錯誤