2015-10-15 357 views
0

我有一個帶有下拉菜單的導航欄(引導程序)。
我的drowpdown菜單中的每個項目在徘徊時均以藍色突出顯示。
少用變量來產生這種顏色?我想改變它。更改bootstrap導航欄下拉菜單元素的顏色

謝謝

+0

[Dropdowns variables](https://github.com/twbs/bootstrap/blob/master/less/variables.less#L246) –

回答

0

在Navbar.less,你會找到你的答案。 有多個變量,例如 。 @導航欄默認鏈路色

.navbar-NAV {

LI>一個{ 顏色:@導航欄默認鏈路色; (分別)

//** Global color for active items (e.g., navs or dropdowns). 
@component-active-color: #fff; 
//** Global background color for active items (e.g., navs or dropdowns). 
@component-active-bg:  @brand-primary; 

改變那些配置文本和背景顏色:

&:hover, 
    &:focus { 
    color: @navbar-default-link-hover-color; 
    background-color: @navbar-default-link-hover-bg; 
    } 
} 
> .active > a { 
    &, 
    &:hover, 
    &:focus { 
    color: @navbar-default-link-active-color; 
    background-color: @navbar-default-link-active-bg; 
    } 
} 
> .disabled > a { 
    &, 
    &:hover, 
    &:focus { 
    color: @navbar-default-link-disabled-color; 
    background-color: @navbar-default-link-disabled-bg; 
    } 
} 

}

+0

謝謝。在variable.less中,我有@ navbar-default-link-hover-bg:transparent但是在我的應用中,顏色是藍色的。我不明白(我的知識少,不是很高......) – user1260928

0

在文件中的引導源代碼variables.less,你會發現下面的變量