Saltar al contenido

Material angular 6: tonos y cómo cambiar el color del botón de opción mat

Haz todo lo posible por comprender el código de forma correcta antes de utilizarlo a tu trabajo si tquieres aportar algo puedes comentarlo.

Solución:

agrega este css en tu style.css/style.scss

apilar

estilo.css/estilo.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);

Ninguno de los anteriores funcionó para mí. Pero este funcionó, es decir, puso color=”primary” en el botón de radio mat. es decir

Active. 

Ver ejemplo a continuación

::ng-deep .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element 
  background-color: blue !important;


::ng-deep .mat-radio-button.mat-accent .mat-radio-inner-circle 
  background-color: blue!important;   /*inner circle color change*/


::ng-deep.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle 
 border-color:blue!important; /*outer ring color change*/

Puntuaciones y comentarios

Nos puedes asistir nuestra misión exponiendo un comentario y dejando una valoración te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *