css - 更改未选择的垫步颜色 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;
}