2013-04-20 5 views
5

Может ли кто-нибудь объяснить мне, как настроить тип ввода Bootstrap = «электронная почта», как показано ниже?Настройка всплывающей подсказки Bootstrap?

tooltip - please enter an email address.

Или еще лучше, кто-то может объяснить, как настроить всплывающие подсказки проверки Bootstrap в целом?


EDIT:

Было отмечено, что на Le_Morri это на самом деле проверка подсказке HTML 5. Я собираюсь оставить вопрос для других людей, которые совершают ту же ошибку, что и я.

Следующие вопросы помогут с HTML5 проверки стайлинга,

+2

, насколько я знаю, они оформлены в браузере. [Здесь] (http://webdesign.tutsplus.com/tutorials/site-elements/bring-your-forms-up-to-date-with-css3-and-html5-validation/) у вас есть руководство, как построить обходной путь. –

+1

@Le_Morri, О, ничего себе, я понятия не имел, что это была вещь HTML5, и предположил, что Bootstrap делает это. Не могли бы вы сделать свой комментарий в ответ, чтобы я мог дать вам несколько моментов? –

ответ

5

, насколько я знаю, эти подсказки проверки не от начальной загрузки. Они и HTML5, и предоставляются и оформляются браузером.

Here вы можете найти руководство по созданию собственных подсказок проверки.

В WebKit браузеров вы можете стилизовать эти всплывающие подсказки немного с помощью:

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

и с селектором CSS :invalid вы можете стилизовать неправильные входы