更改未选择的 mat-step 颜色 Angular？

Question

我使用以下 css 来选择 mat-step:

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