Can we change border color of mat-checkbox in angular?

Issue

In my project black theme we are using so, need to show checkbox border color with white border. But, css is not working in checkbox and border color is not changing.

Is there any way to change the border color of mat-checkbox? I am using angular material checkbox that link I have written below.

Angular material checkbox

Solution

::ng-deep .custom-checkbox .mat-checkbox-frame {
  border-color: #ff0000 !important;  /* Change this to the desired color */
}


<mat-checkbox
  class="custom-checkbox"
  color="primary"
>
  Check me!</mat-checkbox
>

Answered By - codewithharshad