向 Angular 自定义组件添加样式

Question

我创建了一个自定义角度组件，例如我的组件和它的 css 文件中我有以下内容：

:host {
    display: inline-block;
    width: 55px;
}

然后在某些组件模板中，我想使用 my-component 并为其添加一些样式，如下所示：

 <my-component class="my-class"></my-component>

CSS 文件：

.my-class {
    border-radius: 4px; // NOT WORKING 
    box-shadow: 0 5px 9px 0 rgba(192, 195, 197, 1); // WORKING

    position: relative; // WORKING
    top: 30px; // WORKING
}

我不明白为什么没有应用边界半径！

Answer 1

我相信您需要先添加边框。喜欢

border: 2px solid black;

然后加上边框半径。