javascript - Personalizarea tooltip-ului de validare al Bootstrap?

Ar putea cineva să-mi explice cum să personalizez tooltip-ul de validare al Bootstrap pentru input de tip "email" ca cel de mai jos?

Sau mai bine, ar putea cineva să explice cum să personalizeze în general sfaturile de validare ale Bootstrap?

EDITARE:

Le_Morri a subliniat că acesta este de fapt un tooltip de validare HTML 5. O să las întrebarea sus pentru alte persoane care fac aceeași greșeală ca mine.

Următoarele întrebări vor ajuta la stilizarea validării HTML5,

• Cum stilizezi mesajele de validare din formularele HTML5?
• Cum pot stiliza mesajele de eroare de validare a formularelor HTML5 cu CSS?

Răspuns #1

Din câte știu, aceste sfaturi de validare nu sunt din Bootstrap. Ele sunt o funcționalitate HTML5 și sunt furnizate și stilizate de browser.

Aici poți găsi un ghid despre cum să creezi propriile tooltip-uri de validare.

În browserele Webkit poți stiliza puțin aceste sfaturi folosind:

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

și cu selectorul CSS :invalid poți stiliza intrările greșite