Angular 7 - Изменить цвет фона компонента

Question

Я начинаю с Angular, поэтому извините, если это немного нубский вопрос.Я создал компонент, который хотел бы использовать в качестве экрана входа в систему.Я пытаюсь изменить цвет фона всей страницы, но не могу сделать это успешно.

Я пробовал следующее:

html{
    background-color: blue !important;
}

body{
    background-color: blue !important;
}

Что не работает.Я не хочу менять цвет фона всех страниц, только этот компонент входа.Таким образом, поместить приведенный выше код в файл styles.scss не вариант.

Answer 1

:host {
    background: blue;
}

Вы должны прочитать некоторые документы по Стили компонентов , особенно Просмотр инкапсуляции Этот механизм гарантирует, что определенный стиль применяется только к компоненту и не "протекает" вокруг.