_background-variant.scss覆盖背景色

Question

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

但是有一个文件：bootstrap thar中的_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选择器，或者使用针对类和元素的组合选择器

例如：.bg-dark div