javascript - Tilpasning af Bootstraps valideringstooltip?


Kan nogen forklare mig, hvordan man tilpasser Bootstraps input type="email" valideringsværktøjstip som det nedenfor?

Eller endnu bedre, kunne nogen forklare, hvordan man generelt tilpasser Bootstraps validerings-værktøjstip?

REDIGER:

Det er blevet påpeget af Le_Morri, at dette faktisk er et HTML 5-valideringstooltip. Jeg vil lade spørgsmålet stå oppe for andre, der begår den samme fejl som jeg gjorde.

De følgende spørgsmål vil hjælpe med HTML5-valideringsstyling.

  • Hvordan styler du HTML5-formularvalideringsbeskeder?
  • Hvordan kan jeg style HTML5-formularvalideringsfejlmeddelelser med CSS?

Svar #1

Så vidt jeg ved, er disse valideringsværktøjstip ikke fra Bootstrap. De er en HTML5-funktion og leveres og styles af browseren.

Her kan du finde en guide til, hvordan du opretter dine egne valideringsværktøjstip.

I Webkit-browseren kan du style disse værktøjstip lidt ved at bruge:

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

Og med CSS :invalid-vælgeren kan du style de forkerte input