2016-10-22 89 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和侧栏的颜色将被改变。