更改角材料中的复选框颜色

Question

I'm using angular material(6.4.7). I was using select and I want to change the color of select checkbox. I have tried /deep/ and ::ng-deep but no success. I think, I am using it in wrong way for these checkbox.

Here is the stackblitz link

Answer 1

adding this to the select-multiple-example.css works in the stack-blitz link

::ng-deep .mat-primary .mat-pseudo-checkbox-checked {
    background: red;
}

Answer 2

I know it was a bit late for my answer but this works for me the best

// for color when checkbox is checked 
::ng-deep .mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: orange;
}

//to change the border color 
::ng-deep .mat-checkbox-frame{
  border-color: rgb(75, 75, 75, 0.7);
}