Невозможно установить фоновое изображение для определенного углового компонента из-за _reboot.scss

Question

Я пытаюсь установить background-image для моего конкретного Углового компонента , используя следующий код:

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

Этот фрагмент кода помещен в.CSS-файл, принадлежащий компоненту Angular.

Однако в консоли браузера я заметил, что класс _reboot.scss (который, вероятно, происходит из Bootstrap) переписывает мой фрагмент кода выше по умолчанию в background-color.

Я уже попробовал почти все, и единственный способ изменить фоновое изображение - это изменить класс _reboot.scss в браузере, используя режим F12.

Answer 1

Вы можете установить свой код на:

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

, чтобы переопределить Bootstrap.

или, дать ! Важный вашему css:

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