更改引导弹出框箭头的边框颜色？

Question

我一直在尝试解决如何更改（或添加）默认 Bootstrap 弹出框箭头的边框颜色？如果重要，我正在使用底部箭头。

我已经阅读了一些其他问题，有些人提出了这样的建议：

.popover.bottom > .arrow:after {
     border-bottom-color: yourColorHere; 
 }

然而，这填充了箭头整个可见部分的颜色，我想要的只是箭头边框上的颜色。

这能做到吗？

顺便说一句.......如果可能的话，我想要一个无需重新编译css的解决方案。

Answer 1

只需删除:after选择器即可获得所需的行为

.popover.bottom > .arrow {
  border-bottom-color: yourColorHere; 
}