Angular material stepper hover

Question

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.

Answer 1

Override the CSS like below,

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