我无法更改引导模板的背景颜色
---------我为我的ASP.NET核心标识项目实现了引导SB管理模板。现在我把它个性化了。问题是我不能改变模板的背景颜色，也不能改变导航菜单的颜色。当我检查元素时，颜色会发生变化，但当我重写或删除style.css文件上的代码时，它就不起作用了。这里是我的登录页面代码。---------
@page
@model LoginModel
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Login</title>
<link href="css/styles.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/js/all.min.js" crossorigin="anonymous"></script>
</head>
<body class="login">
<div id="layoutAuthentication">
<div id="layoutAuthentication_content">
<main>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-5">
<div class="card shadow-lg border-0 rounded-lg mt-5">
<div class="card-header"><h3 class="text-center font-weight-light my-4">Login</h3></div>
<div class="card-body">
<form id="account" method="post">
<h4 class="text-center">Use a local account to log in.</h4>
<hr />
<div asp-validation-summary="All" class="text-danger"></div>
<div class="form-group">
<label asp-for="Input.UserName"></label>
<input asp-for="Input.UserName" class="form-control" />
<span asp-validation-for="Input.UserName" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Input.Password"></label>
<input asp-for="Input.Password" class="form-control" />
<span asp-validation-for="Input.Password" class="text-danger"></span>
</div>
<div class="form-group">
<div class="checkbox">
<label asp-for="Input.RememberMe">
<input asp-for="Input.RememberMe" />
@Html.DisplayNameFor(m => m.Input.RememberMe)
</label>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Log in</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="js/scripts.js"></script>
</body>
@section Scripts {
<partial name="_ValidationScriptsPartial" />
}
@charset "UTF-8";
/*!
* Start Bootstrap - SB Admin v6.0.2 (https://startbootstrap.com/template/sb-admin)
* Copyright 2013-2020 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-sb-admin/blob/master/LICENSE)
*/
/*!
* Bootstrap v4.5.3 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
.bg-primary {
background-color: #007bff !important;
}
共有1个答案
看起来Boorstrap的特异性比您声明的样式要高。因此您可以为您的类添加特定性或使用！importity。增加特异性是更好的方法。但是，让我说明如何使用！importity覆盖类：
.container {
background-color: lightgreen !important;
}
我们通过添加divcolor来为container类增加更多特异性的示例可以在这里看到。
在这里阅读更多关于特异性的信息。
-
我无法让JPanel改变颜色。我也不能让JFrame改变颜色。我在网上查过...我还有一个程序，它有几乎相同的代码来设置JPanel和JFrame。我就是不能让它起作用。 下面是我的主要方法： 编辑：稍后在我的主要方法中有 下面是JPanel的构造函数： 背景颜色保持默认灰色。
-
问题内容： 有什么方法可以更改RibbonApplicationMenuEntryPrimary（Flamingo）的背景颜色吗？ 我看了看它的javadoc，但找不到方法。 问题答案： 1）请注意，我已检查API；从开始，有很多导入和扩展，它们来自许多不同的方法（这里是我尝试覆盖MetalButtonUI的尝试）。 2）也许更改内置颜色主题会很容易，但是我不建议这样做。 3）我不是Flaming
-
我有一个带有半径和笔划的CardView，但当我以编程方式更改CardView背景时，半径和笔划将丢失，我希望新颜色保留在笔划内。 这是我的cardview xml 这里是我换颜色的地方：
-
我正在使用RangeSeekBar为3种情况设置一些值（即绿色=OK，琥珀色=警告，红色=撤离）...我正在使用xml绘图来设置背景 我知道我可以通过编程更改渐变，但如何缩小起始颜色并增加结束颜色？有人能解决这个问题吗？ 谢谢
-
问题内容： 使用Bootstrap类时，表中的其他每一行的背景色均等于。如何改变这种颜色？ 问题答案： 在bootstrap.css中更改此行，或者可以使用（奇数）或（偶数）代替（2n + 1）
-
问题内容： 我正在尝试以可靠，外观独立的方式更改a的颜色。 如果使用Metal L＆F，则使用UIManager是一种方法： 注意 ：Iyy指出我在上面的属性名称中有一个错字，但是我会留给上面的人输入，但实际的属性名称应该是： 但是，这在我当前的外观（当前为Windows XP）中不起作用。经过进一步分析，看来Windows（仍然是XP）中的系统外观根本没有使用任何基于-的属性，或者至少它本身不提