如何改变Inspinia的左菜单背景色

Question

菠萝 AngularJS框架为那些不使用它的人提供了一个演示这里。

在我的生活中，我看不出如何改变左边导航菜单的背景颜色。它应该很简单，但我就是找不到它，甚至使用Chrome开发者控制台。

​

​

我想以编程方式从AngularJS中更改颜色，最好的方法是什么？可能在background div中添加一个Id

Answer 1

根据下面的图片进行一些更改：

​

​

​

​

​

​

我希望能在某种程度上有所帮助

Answer 2

.nav-header和侧边栏中的其他元素使用background-image，这些图像是不透明的，没有显示背景色。为此，您需要检查(并重置)侧栏中项的background-image属性。

示例：

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

继续检查元素，直到找到设置元素的backgorund-image、background-color或background (简称)的规则为止，复制当前应用规则的选择器并将其放在自己的样式表中，更改属性的值。确保在其余样式表之后加载它。

Answer 3

我想这会对你有帮助

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;
}