更改未选择的垫阶颜色Angular？

Question

我对选定的mat-step使用以下CSS：

::ng-deep .mat-step-header .mat-step-icon-selected {
    background-color: #a94442; 
 }

它工作正常，但我需要更改蓝色的：

尝试过：

::ng-deep .mat-step-header .mat-step-icon {
    background-color: #a94442; 
 }

但这也会更改4,5和6的步骤，我只需要更改1和2。

关于如何解决此问题的任何想法？谢谢！

Answer 1

您不应使用'ng-deep'，因为它已被描述。在全局CSS中设置样式！要解决您的问题，请在“ styles.css”文件中更改背景颜色，如下所示。

.mat-step-header .mat-step-icon-state-edit {
    background-color: #a94442;
}