Cómo cambiar el color de los iconos de paso paso a paso de material angular

Esta noticia fue probado por especialistas para asegurar la veracidad de este enunciado.

Solución:

No parece haber una opción para cambiar el color del icono de paso a paso del tapete, puede usar este css como solución alternativa.

 ::ng-deep .mat-step-header .mat-step-icon-selected 
    background-color: red; 
 

::ng-profundo está en desuso y se puede eliminar, también se puede usar

ViewEncapsulation.Ninguno en el decorador de componentes para evitar el uso de ::ng-deep

Actualización con solución al problema

ejemplo de archivo html

 
 <----- wrapper theme class
     
            !isLinear ? 'Enable linear mode' : 'Disable linear mode'
          
          
            
              

                Fill out your name
                
                  
                
                

                  Next
                
              
            
            
              

                Fill out your address
                
                  
                
                

                  Back
                  Next
                
              
            
            
              Done
              You are now done.
              

                Back
                Reset
              
            
          

cree el archivo theme.scss y agréguelo a los estilos en angular.json

 "styles": [
          "src/styles.css",
          "src/theme.scss"
           ]

Nota paso a paso tomará el color del color primario

tema.scss

 @import '[email protected]/material/theming';
 @include mat-core();

 .yellow-theme 
     $yellow-theme-primary: mat-palette($mat-yellow, 400);
     $yellow-theme-accent:  mat-palette($mat-yellow, 400);

     $yellow-theme: mat-light-theme($yellow-theme-primary, $yellow-theme-accent);

     @include angular-material-theme($yellow-theme);
 

La clase de tema personalizada se puede usar en todas las aplicaciones, simplemente envuelva cualquier componente de material y use el color attribute primario, acentuar o advertir como se define en clase. El componente que está envuelto en una clase personalizada usará ese color, si no, el color se establece desde el tema global.

error = true;

    .preenchimento-incompleto 
      background-color: black !important;
    

    .preenchimento-ok 
      background-color: greenyellow !important;
    

        

          DADOS
 PESSOAIS
          
        
      

valoraciones y reseñas

Eres capaz de añadir valor a nuestra información dando tu experiencia en las acotaciones.

---

---

Utiliza Nuestro Buscador