javascript - Bootstrapin validointityökaluvihjeen mukauttaminen?

Voiko joku selittää minulle, miten Bootstrapin input type="email" -validointityökaluvihjeen voi mukauttaa kuten alla oleva?

Tai paremminkin, voisiko joku selittää, miten Bootstrapin vahvistustyökaluvihjeitä voi yleensä muokata?

MUOKKAUS:

Le_Morri on huomauttanut, että tämä on itse asiassa HTML 5 -validointityökaluvihje. Aion jättää kysymyksen esille muille ihmisille, jotka tekevät saman virheen kuin minä.

Seuraavat kysymykset auttavat HTML5-validointityylien kanssa,

• Kuinka tyylittelet HTML5-lomakkeen vahvistusviestit?
• Kuinka muotoilen HTML5-lomakkeen virheilmoitukset CSS:llä?

Vastaus #1

Niin kauan kuin tiedän, nämä validointivihjeet eivät ole peräisin Bootstrapista. Ne ovat HTML5-ominaisuus, ja selaimen tarjoaa ja tyylittelee ne.

Täältä löydät oppaan siitä, miten luoda omat validointityökaluvihjeesi.

Webkit-selaimissa voit muotoilla näitä työkaluvihjeitä hieman käyttämällä:

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

ja CSS :invalid -valitsimella voit tyylitellä virheelliset syötteet