css - 如何在 Angular 4 或 5 中设置组件背景颜色的样式？

Question

如何以 Angular 设置组件样式？ 我使用 angular 5 我试过这个:

:host {
    background-color: green;
    size: 200px 200px;
}

还有这个:

app-root {
    background-color: green;
    size: 200px 200px;
}

这两种方法似乎都行不通。

Answer 1

您还需要将 display 属性设置为类似 block 的内容。这可以在 example 中看到来自文档:

:host {
    background-color: green;
    size: 200px 200px;
    display: block;
}

display 属性默认为inline(您可以在开发者工具等中看到这一点)。