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
