css - 由于 _reboot.scss，无法将背景图像设置为特定的 Angular 组件

Question

我正在尝试使用以下代码将 background-image 设置为我的特定 Angular 组件:

body { 
        background-image: url(...); 
        background-size: cover;
        background-repeat: no-repeat; }

这段代码放在Angular组件的.css文件中。

但是，在浏览器控制台中，我注意到 _reboot.scss 类(可能来自 Bootstrap)正在将我上面的代码片段覆盖为默认背景颜色。

我已经尝试了几乎所有方法，更改背景图像的唯一方法是使用 F12 模式在浏览器中修改 _reboot.scss 类。

Answer 1

您可以将您的代码设置为:

._reboot.scss { 
        background-image: url(...); 
        background-size: cover;
        background-repeat: no-repeat; }

覆盖 Bootstrap。

或者，给你的 css !important :

body { 
        background-image: url(...)!important; 
        background-size: cover;
        background-repeat: no-repeat; }