2013-04-20 11 views
5

Qualcuno potrebbe spiegarmi come personalizzare la descrizione del tipo di input type = "email" di Bootstrap come quella qui sotto?Personalizzazione del suggerimento di convalida di Bootstrap?

tooltip - please enter an email address.

O meglio ancora, qualcuno potrebbe spiegare come personalizzare le descrizioni dei comandi di validazione di Bootstrap in generale?


EDIT:

E 'stato sottolineato da Le_Morri che questo è in realtà una conferma tooltip HTML 5. Ho intenzione di lasciare la domanda ad altre persone che fanno lo stesso errore di me.

Le seguenti domande vi aiuteranno con HTML5 convalida styling,

+2

per quanto ne so che sono state progettate dai browser. [Qui] (http://webdesign.tutsplus.com/tutorials/site-elements/bring-your-forms-up-to-date-with-css3-and-html5-validation/) hai una guida su come costruire una soluzione. –

+1

@Le_Morri, Oh wow, non avevo idea che fosse una cosa HTML5 e avevo pensato che Bootstrap lo stesse facendo. Potresti inserire il tuo commento in una risposta in modo che io possa darti dei punti? –

risposta

5

per quanto ne so queste descrizioni dei comandi di convalida non sono da bootstrap. Sono e funzionalità HTML5 e sono forniti e disegnati dal browser.

Here è possibile trovare una guida su come creare i propri tooltips di convalida.

in WebKit browsers è possibile lo stile di questi tooltip un po 'utilizzando:

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

e con il selettore CSS :invalid è possibile lo stile degli ingressi sbagliate

Problemi correlati