導航子菜單文本顏色

Question

在小型設備上，我的導航菜單文本顏色不是很大，你可以在這裏看到：

下面還有「財務」菜單項。只是一個不好的顏色。我想要白色。

在大型設備上，菜單很好。

其實，我希望所有的菜單是綠色，白色文字。

在我的CSS中，我有這個。如何修復子菜單的文字顏色？

正常菜單看起來不錯。

.navbar-custom { 
    background: #2B8173; 
    color: white; 
    border-radius: 0; 
} 

    .navbar-custom .navbar-nav > li > a { 
     color: white; 
    } 

    .navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { 
     color: white; 
     background-color: transparent; 
    } 

    .navbar-custom .navbar-brand { 
     color: white; 
    } 

Answer 1

jsFiddle

我不知道你的導航欄的結構，因爲你沒有發佈HTML，但如果你使用引導3試：

.navbar-custom { 
background: #2B8173; 
color: white; 
border-radius: 0; 
} 

.navbar-custom .navbar-nav > li > a { 
    color: white; 
} 

.navbar-custom .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { 
    color: white; 
    background-color: transparent; 
} 

.navbar-custom .navbar-brand { 
    color: white; 
} 
@media (max-width: 767px){ 
.navbar-nav .open .dropdown-menu { 
background-color: #2B8173; 
} 
.navbar-custom .navbar-nav .open .dropdown-menu > li > a { 
color: #FFF; 
} 
}