css - Angular Material Style 完成的步骤

Question

有没有办法在 Angular Materials 步进器模块中设置已完成步骤的图标样式？当我完成一个步骤时，它会将图标调整为复选标记。我也在尝试调整图标的背景颜色。我的代码类似于启用线性模式的示例:https://material.angular.io/components/stepper/overview

当我查看 DOM 时，唯一在完成时发生变化的属性是“ng-reflect-ng-switch”属性。我不确定如何定位此元素以便在完成后对其进行样式设置。希望有人能指出我正确的方向。谢谢!

Answer 1

我通过像这样定位 elements 属性来实现此目的:

[ng-reflect-ng-switch~="done"] {
  background-color: green;
}