_background-variant.scss 覆盖背景颜色

Question

我有一个带有 bootstrap 的 Angular 8 应用程序。

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

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

因为如果我在谷歌浏览器工具中禁用它。布局还是原来的状态。

但我的问题是：如何禁用此：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"

            ]

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

https://i.stack.imgur.com/WtLNh.png

Answer 1

我对这个问题有点困惑；你.bg-dark在其他地方使用你自己的 CSS 选择器吗？Bootstrap 不应在没有提示的情况下设置背景颜色。如果您在某个地方使用.bg-dark，您可以尝试使用更具体的东西。您可以尝试使用.bg-darkId 选择器，或使用针对类和元素的组合选择器，而不是仅仅用作选择器前任：.bg-dark div