引导 - 更改弹出窗口箭头颜色

我一直在尝试更改引导弹出窗口的箭头颜色，并且不管尝试所有人都说做的事情不会改变。引导 - 更改弹出窗口箭头颜色

以下是我有：

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

我也试过：

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

如果使多大的差别。

感谢您提前提供帮助！

来源

2016-06-28 Hangjo

在这里工作罚款：https://jsfiddle.net/AndrewL32/VUZhL/2440/ –

@AndrewLyndem我需要的箭头的颜色为淡蓝色，而不仅仅是边界，但即使这样也不会为我工作。它可能是代码中的其他地方吗？ – Hangjo

是否这样？ https://jsfiddle.net/AndrewL32/VUZhL/2442/ –

我认为你的自定义css被默认的引导程序css文件覆盖。尝试添加!importantlightblue这样之后，看看是否有帮助：

.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

来源

2016-06-28 21:50:13

引导 - 更改弹出窗口箭头颜色

回答

相关问题