How to style the material checkbox in angular ?

Question

This is the mat-checkbox in Angular that has wrong style(in the picture). How can I keep the small checkbox only? Click here to see the picture

Please add what you tried to create a checkbox ? – Hari_pb Apr 19 '18 at 18:24 — Hari_pb, Apr 19 '18 at 18:24

score 0 · Answer 1 · answered Apr 19 '18 at 18:57

You should use ::ng-deep in your CSS file. (ps. How and where to use ::ng-deep)

Example:

::ng-deep mat-checkbox.yourcheckbox .mat-checkbox-frame{
   border: 0px;
}

1 Answers1