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

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

vue.js - Create hooks for automated testing -

Add new key value to json node in java -