Ich habe versucht, die Pfeilfarbe des Bootstrap Popover zu ändern und unabhängig davon, was jeder sagt, es zu tun, wird es nicht ändern.Bootstrap - ändern Popover Pfeil Farbe
Hier ist, was ich habe:
.popover.top .arrow:after{
border-top-color: lightblue;
}
Ich habe auch versucht:
.popover.top > .arrow:after{
border-top-color: lightblue;
}
Wenn das einen großen Unterschied macht.
Vielen Dank für jede Hilfe im Voraus!
Ich denke, dass Ihre benutzerdefinierte CSS durch die Standard-Bootstrap CSS-Datei überschrieben wird. Versuchen Sie, !important nach lightblue so und sehen, ob das hilft:
.popover.top > .arrow:after {
border-top-color: lightblue !imporant;
}
Ist dies der Fall, dann müssen Sie Ihre benutzerdefinierte CSS-Datei UNTER der Bootstrap CSS-Datei bewegen, so dass Sie den !important Tag zu vermeiden.
<link rel="stylesheet" type="text/css" href="bootstrap.css"> <<-- ADD THIS FIRST
<link rel="stylesheet" type="text/css" href="customStyle.css"> <<-- THEN ADD THIS
Werke hier fein: https://jsfiddle.net/AndrewL32/VUZhL/2440/ –
@AndrewLyndem Ich brauche die Farbe des Pfeils hellblau zu sein, nicht nur die Grenze, aber das wird noch nicht arbeite für mich. Ist es möglicherweise irgendwo anders im Code? – Hangjo
Gefällt mir? https://jsfiddle.net/AndrewL32/VUZhL/2442/ –