Question

Inspinia AngularJS框架为那些不使用它的人提供了演示here。

对于我的生活，我看不到如何更改左侧导航菜单的背景颜色。它应该很简单，但即使使用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

我想这会对你有所帮助

    {
  "userSecretsId": "xxxxx",

  "dependencies": {
    "BundlerMinifier.Core": "2.2.281",
    "Microsoft.AspNet.Mvc": "5.2.2",
    "Microsoft.AspNetCore.Authentication.Cookies": "1.0.0",
    "Microsoft.AspNetCore.Diagnostics": "1.0.0",
    "Microsoft.AspNetCore.Diagnostics.EntityFrameworkCore": "1.0.0",
    "Microsoft.AspNetCore.Identity.EntityFrameworkCore": "1.0.0",
    "Microsoft.AspNetCore.Mvc": "1.0.1",
    "Microsoft.AspNetCore.Razor.Tools": {
      "version": "1.0.0-preview2-final",
      "type": "build"
    },
    "Microsoft.AspNetCore.Server.IISIntegration": "1.0.0",
    "Microsoft.AspNetCore.Server.Kestrel": "1.0.1",
    "Microsoft.AspNetCore.StaticFiles": "1.0.0",
    "Microsoft.EntityFrameworkCore.SqlServer": "1.0.1",
    "Microsoft.EntityFrameworkCore.SqlServer.Design": "1.0.1",
    "Microsoft.EntityFrameworkCore.Tools": {
      "version": "1.0.0-preview2-final",
      "type": "build"
    },
    "Microsoft.Extensions.Configuration.EnvironmentVariables": "1.0.0",
    "Microsoft.Extensions.Configuration.Json": "1.0.0",
    "Microsoft.Extensions.Configuration.UserSecrets": "1.0.0",
    "Microsoft.Extensions.Logging": "1.0.0",
    "Microsoft.Extensions.Logging.Console": "1.0.0",
    "Microsoft.Extensions.Logging.Debug": "1.0.0",
    "Microsoft.Extensions.Options.ConfigurationExtensions": "1.0.0",
    "Microsoft.VisualStudio.Web.BrowserLink.Loader": "14.0.0",
    "Microsoft.VisualStudio.Web.CodeGeneration.Tools": {
      "version": "1.0.0-preview2-final",
      "type": "build"
    },
    "Microsoft.VisualStudio.Web.CodeGenerators.Mvc": {
      "version": "1.0.0-preview2-final",
      "type": "build"
    }
  },

  "tools": {
    "Microsoft.AspNetCore.Razor.Tools": "1.0.0-preview2-final",
    "Microsoft.AspNetCore.Server.IISIntegration.Tools": "1.0.0-preview2-final",
    "Microsoft.EntityFrameworkCore.Tools": "1.0.0-preview2-final",
    "Microsoft.Extensions.SecretManager.Tools": "1.0.0-preview2-final",
    "Microsoft.VisualStudio.Web.CodeGeneration.Tools": {
      "version": "1.0.0-preview2-final",
      "imports": [
        "portable-net45+win8"
      ]
    }
  },

  "frameworks": {
    "net452": {
      "dependencies": {
        "CodeGenProj": {
          "target": "project"
        },
        "DomainProj": {
          "target": "project"
        }
      }
    }
  },

  "buildOptions": {
    "emitEntryPoint": true,
    "preserveCompilationContext": true
  },

  "publishOptions": {
    "include": [
      "wwwroot",
      "Views",
      "Areas/**/Views",
      "appsettings.json",
      "web.config"
    ]
  },

  "scripts": {
    "prepublish": [ "bower install", "dotnet bundle" ],
    "postpublish": [ "dotnet publish-iis --publish-folder %publish:OutputPath% --framework %publish:FullTargetFramework%" ]
  }
}

Answer 4

边栏中没有定义background-color，正文的background-color，中间内容部分有浅灰色bg color，因此请更改body-color和侧边栏颜色会改变。

如何更改Inspinia

4 个答案: