Answers for "how to style checkbox component materialize"

CSS
0

change size material checkbox

mat-checkbox {
	::ng-deep .mat-checkbox-inner-container {
      width: 30px;
      height: 30px;
  	}
}
Posted by: Guest on January-06-2021
0

material design checkbox change colooru

// overwrite the checkbox background
::ng-deep .mat-checkbox-checked .mat-checkbox-background, 
.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: black !important;
}

// overwrite the ripple overlay on hover and click
::ng-deep .mat-checkbox:not(.mat-checkbox-disabled) .mat-checkbox-ripple .mat-ripple-element {
  background-color: black !important;
}
Posted by: Guest on February-23-2021

Browse Popular Code Answers by Language