css - Angular Material 步进悬停

Question

当鼠标悬停时，如何在 step (Angular material stepper) 上设置 css 样式？我尝试在 .mat-step-header 和 mat-step 上设置样式，我也尝试在其上设置 css 类，但没有任何效果。

Answer 1

像下面这样重写 CSS，

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