Дайте настроенную границу мат-карте

Question

Я пытаюсь задать настраиваемую границу для мат-карты, но не могу этого сделать. Я использую ng-deep для стилизации мат-карты. Я могу получить закругленную границу с радиусом границы, но не окрашеннуюГраница видна. Я не знаю, что мне не хватает. Пожалуйста, помогите. Спасибо заранее.

Ниже мой css:

 ::ng-deep .mat-card{

    border: 55px !important;
    border-radius: 30px !important;
    border: #000 !important;
   }

Answer 1

У вас проблема с CSS, вы устанавливаете border: 55px !important;, затем переопределяете его с помощью border: #000 !important;.

Вы должны использовать: border: 55px solid #000