2016-10-22 151 views
1

Inspinia對於那些不使用它的人,AngularJS框架有一個演示here如何更改Inspinia中左菜單的背景顏色

對於我的生活,我看不到如何更改左側導航菜單的背景顏色。它應該很簡單,但即使使用Chrome開發者控制檯,我也找不到它。

enter image description here


[更新]我想從AngularJS編程改變顏色,什麼是做到這一點的最好方法是什麼?也許添加一個Id到background div

+1

沒有在側邊欄中定義的背景顏色,它的背景顏色是正文,而中間的內容部分是淺灰色的bg顏色,所以更改主體顏色和側邊欄顏色會發生變化。 –

+0

隨意張貼作爲答案 – Mawg

回答

2

做一些改變,根據下面的圖片:

enter image description here

enter image description here

enter image description here

我希望以某種方式

2

.nav-header和您的邊欄中的其他元素使用background-image這些圖像是不透明的,不顯示背景顏色。您需要檢查(並重置)background-image側欄中的項目屬性。

例子:

.nav-header { 
    background-image: unset; 
} 
#side-menu { 
    background-color: #933; 
} 
.nav > li.active { 
    background-color: #833; 
} 

保持檢查你的元素,直到你發現了什麼規則將backgorund-imagebackground-colorbackground(簡寫)的元素,複製當前應用規則的選擇,並將其放在自己的樣式表中,更改屬性的值。確保將其加載到其餘樣式表之後。

2

我想這將有助於幫助ü

body{ 
    background-color: #F44336; 
} 
.nav-header{ 
    background-color: #F44336; 
    background-image: none; 
} 
.nav > li.active{ 
    background: #c7635b; 
} 
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus{ 
    background-color: red; 
} 
2

有一個在側邊欄定義沒有background-color,其主體的background-color,中間內容部分具有淺灰色BG color,所以改變body-color和側欄的顏色將被改變。