2012-02-17 61 views
14

我正在使用twitter bootstrap 2.0.1在打開的下拉菜單中更改向上箭頭的顏色

我試圖更改下拉菜單的顏色。

我已經設法改變下來的容器本身的顏色,但我似乎無法找到箭頭來自哪裏。

任何人都知道我在哪裏可以找到箭頭來自哪裏(以及如何改變它的顏色)的代碼?

examle

回答

19

箭頭代碼可以在bootstrap.cssline:2690找到。您可以通過修改CSS操縱它的位置和顏色,例如:

.navbar .dropdown-menu:after { 
    content: ''; 
    display: inline-block; 
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent; 
    border-bottom: 6px solid #000; /* change color here, modified for a black arrow */ 
    position: absolute; 
    top: -6px; 
    left: 10px; 
} 
1

在引導(V2.3.1)的最新版本,這種情況已經改變。現已上線694

.navbar .nav>li>.dropdown-menu:after{ 
content:''; 
display:inline-block; 
border-left:6px solid transparent; 
border-right:6px solid transparent; 
border-bottom:6px solid #ffffff; 
position:absolute; 
top:-6px 
;left:10px; 
} 
相關問題