J'ai essayé de changer la couleur de la flèche du pop-up bootstrap et peu importe ce que tout le monde dit de faire, ça ne changera pas.bootstrap - changez la couleur de la flèche popover
Voici ce que j'ai:
.popover.top .arrow:after{
border-top-color: lightblue;
}
J'ai aussi essayé:
.popover.top > .arrow:after{
border-top-color: lightblue;
}
Si cela fait une grande différence.
Merci pour toute aide à l'avance!
Je pense que votre fichier CSS personnalisé est remplacé par le fichier bootstrap css par défaut. Essayez d'ajouter !important après lightblue comme ça et voir si cela aide:
.popover.top > .arrow:after {
border-top-color: lightblue !imporant;
}
Si oui, alors vous devez déplacer votre fichier CSS personnalisé DESSOUS votre fichier css d'amorçage afin que vous pouvez éviter la balise !important.
<link rel="stylesheet" type="text/css" href="bootstrap.css"> <<-- ADD THIS FIRST
<link rel="stylesheet" type="text/css" href="customStyle.css"> <<-- THEN ADD THIS
fonctionne très bien ici: https://jsfiddle.net/AndrewL32/VUZhL/2440/ –
@AndrewLyndem J'ai besoin de la couleur de la flèche pour être bleu clair, pas seulement la frontière, mais même cela ne travaille pour moi. Est-ce que c'est quelque chose d'autre quelque part dans le code? – Hangjo
Comme ça? https://jsfiddle.net/AndrewL32/VUZhL/2442/ –