引導 - 更改彈出窗口箭頭顏色

我一直在嘗試更改引導彈出窗口的箭頭顏色，並且不管嘗試所有人都說做的事情不會改變。引導 - 更改彈出窗口箭頭顏色

以下是我有：

.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

引導 - 更改彈出窗口箭頭顏色

回答

相關問題