bootstrap - 更改popover箭头颜色

Question

我一直试图改变引导弹出窗口的箭头颜色，无论尝试每个人都说要做什么，它都不会改变。

这就是我所拥有的：

.popover.top .arrow:after{
    border-top-color: lightblue;
}

我也尝试过：

.popover.top > .arrow:after{
    border-top-color: lightblue;
}

如果这有很大的不同。

提前感谢您的帮助！

Answer 1

我认为您的自定义css正在被默认的bootstrap css文件覆盖。尝试在!important之后添加lightblue，看看是否有帮助：

.popover.top > .arrow:after {
    border-top-color: lightblue !imporant;
}

如果是，那么您需要移动自定义css文件 BELOW 您的bootstrap 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