Angular 6 Material - Hues and How to change the color of mat radio button
add this css in your style.css/style.scss
Stackblitz
style.css/style.scss
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{
border-color:rgb(66, 134, 244);
}
.mat-radio-button.mat-accent .mat-radio-inner-circle{
color:rgb(66, 134, 244);
background-color:rgb(66, 134, 244) ;
}
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
background-color:rgb(255, 37, 37,.26);
}
None of the above worked for me. But this one worked i.e put color="primary" on mat -radio button. ie
<mat-radio-button color="primary" value=1>Active</<mat-radio-button>.
See example below
https://stackblitz.com/edit/angular-material2-issue-ethbcx