向有角度的自定义组件添加样式

Question

我创建了一个自定义角度分量，例如my-component及其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;

然后添加边框半径。