更改引导程序弹出箭头的边框颜色?

时间:2015-03-14 15:08:42

标签: css twitter-bootstrap

我一直试图找出如何为默认的Bootstrap popover箭头更改(或添加)边框颜色?如果重要的话,我正在使用底部箭头。

我已经阅读了其他一些问题,其中一些建议是这样的:

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

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

可以这样做吗?

Btw .......如果可能的话,我想要一个解决方案,而不必重新编译css。

1 个答案:

答案 0 :(得分:4)

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

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