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;
}