Я пытаюсь изменить цвет стрелки ботстрапа popover и независимо от того, что все говорят, что это сделать, не изменится.bootstrap - change popover arrow color
Вот что у меня есть:
.popover.top .arrow:after{
border-top-color: lightblue;
}
Я также попытался:
.popover.top > .arrow:after{
border-top-color: lightblue;
}
Если это делает большой разницы.
Спасибо за любую помощь раньше времени!
Я думаю, что ваш пользовательский css переопределяется загрузочным файлом bootstrap по умолчанию. Попробуйте добавить !important после lightblue, как это и посмотреть, если это помогает:
.popover.top > .arrow:after {
border-top-color: lightblue !imporant;
}
Если это так, то вам нужно переместить ваш пользовательский файл CSS НИЖЕ файла CSS начальной загрузки, так что вы можете избежать !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
Прекрасно работает здесь: https://jsfiddle.net/AndrewL32/VUZhL/2440/ –
@AndrewLyndem мне нужен цвет стрелки, чтобы быть светло-голубой, а не только границы, но даже это не будет работа для меня. Возможно, что-то еще где-то в коде? – Hangjo
Нравится? https://jsfiddle.net/AndrewL32/VUZhL/2442/ –