Добавить стиль в угловой пользовательский компонент

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;

А затем добавьте радиус границы.