_background-variant.scss 覆盖背景颜色

Question

我有一个 angular 8 应用 bootstrap。

但是 bootstrap 中有一个文件：_background-variant.scss 覆盖了我的背景颜色菜单。我不想这样。

.bg-dark {
    /* background-color: #343a40!important;

因为如果我在 google chrome 工具中禁用它。布局处于他的原始状态。

但是我的问题是：如何禁用它：bg-dark？

我试图删除该文件。或评论文件的内容。但是什么都没有改变。

那么怎么做呢？

谢谢

这个我在 angular.json:

 "styles": [
              "./node_modules/alertifyjs/build/css/alertify.min.css",
              "./node_modules/alertifyjs/build/css/themes/bootstrap.min.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.css"
            ],
            "scripts": [
              "./node_modules/alertifyjs/build/alertify.min.js",
              "node_modules/chart.js/dist/Chart.bundle.min.js"

            ]

这就是我的意思。如果我禁用它。然后一切看起来都很好。

Answer 1

我对这个问题有点困惑；您是否在其他地方使用 .bg-dark 作为您自己的 CSS 选择器？ Bootstrap 不应在没有提示的情况下设置背景颜色。

如果您在某处使用 .bg-dark，您可以尝试使用更具体的东西。

除了使用 .bg-dark 作为选择器，您还可以尝试使用 Id 选择器，或者使用针对 class 和元素

的组合选择器

例如：.bg-dark div

_background-variant.scss 覆盖背景颜色

_background-variant.scss overrides background color

html

css

angular-ui-bootstrap

bootstrap-4

angular