如何更改 Inspinia 左侧菜单的背景颜色

Question

不使用它的 Inspinia AngularJS framework has a demo here。

我这辈子都不知道如何更改左侧导航菜单的背景颜色。它应该很简单，但我就是找不到它，即使使用 Chrome 开发人员控制台也是如此。

[更新] 我想以编程方式从 AngularJS 更改颜色，最好的方法是什么？也许添加一个 ID 到 background div?

Answer 1

.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 (shorthand) 的规则，复制当前元素的选择器应用规则并将其放入您自己的样式表中，更改属性的值。确保在其余样式表之后加载它。

Answer 2

根据下图做一些修改：

我希望能以某种方式提供帮助

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

Answer 4

侧边栏没有定义background-color，是body的background-color，中间内容部分有浅灰色bgcolor，所以改body-color和侧边栏颜色将被更改。

如何更改 Inspinia 左侧菜单的背景颜色

How to change background colour of left menu in Inspinia

css

inspinia