css - Angular Material - change color of md-radio-button -
how can default color of radio buttons changed in angular material2? read few questions on topic none of them solve problem. how can set green, yellow , red color element class md-radio-button
?
you can use rule color of center of radio button :
.mat-radio-button.mat-accent .mat-radio-inner-circle { background-color: rgb(66, 134, 244); }
this 1 border :
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: rgb(66, 134, 244); }
and 1 circle appears when click on radio button :
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element { background-color:rgba(66, 134, 244,.26); }
here working example.
Comments
Post a Comment