2016-05-04 84 views
0

enter image description here在導航欄中使用角色屬性覆蓋默認的css

我的頁面中有3個navbars。其中一個顯示在上面給出的圖像中。 我重寫使用角色屬性的導航欄的顏色在我的CSS這樣

.navbar-default[role="transparent_navbar"] 
{ 

    background-color: white; 
    border-color: white; 

} 

現在我想超越3號線也菜單的邊框和背景顏色(在給定的圖像顯示)。 我試圖寫這樣

.navbar-default navbar-toggle[role="transparent"] { 
    border-color: red; 
} 
.navbar-default .navbar-toggle .icon-bar[role="transparent"] { 
    background-color: red; 
} 

的代碼來實現這一點,但不是得到所需要的功能。 幫我找出重寫3行菜單設計的方法。

好主意歡迎!

+0

你能分享你的菜單的HTML? – thepio

+0

@thepio 哦,對不起,我輸錯了一些HTML,因此我面臨錯誤。 我的CSS代碼是正確的! 謝謝 –

回答

1

我不知道你的意思是在你的問題中「第3行的菜單設計」,但是這可能是您的解決方案:

.navbar-default .navbar-toggle[role="transparent"] { 
    border-color: red; 
} 
.navbar-default .navbar-toggle[role="transparent"] .icon-bar { 
    background-color: red; 
} 
+0

哦,對不起,我打錯了一些HTML,因爲我面臨錯誤。 我的CSS代碼是正確的! 謝謝 –

+0

窗臺我正在檢查您的答案。 –

+0

好吧,很高興我能夠幫助你解決你的問題,而且你能找到一個可行的解決方案! – thepio

1

噢,對不起,我輸錯一些HTML由於我是面臨錯誤。我的CSS代碼工作正常!感謝大家和對不起