cssangulartypescriptangular-material

Angular material stepper hover


How to set css style on step (Angular material stepper) when mouse hover it? I tried set styles on .mat-step-header and mat-step, also i tried set css class on it, but nothing worked.


Solution

  • Override the CSS like below,

    ::ng-deep .mat-step-header:hover{
        background-color: green;
    }