cssangular-material

Give customized border to mat-card

I am trying to give a customized border to mat-card but I'm unable to do so.I am using ng-deep to style the mat-card.I am able to get rounded border with border radius but no colored border is visible.I don't know what am I missing.Please help.Thanks in advance.

Below is my css:

 ::ng-deep .mat-card{

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

  • You have CSS issue, you are setting border: 55px !important; then override it with border: #000 !important;.

    You should use: border: 55px solid #000