角度材质2：mdStepper标题图标bg颜色变化

Question

是否可以更改mdStepper步骤图标背景颜色？我试过这个：

.mat-step-header .mat-step-icon {
  background-color: #bb092d;
  color: rgba(255,255,255,.87);
}

但它不起作用:(

Answer 1

您应该使用shadow-piercing descendant combinator

::ng-deep .mat-step-header .mat-step-icon {
  background-color: #bb092d;
  color: rgba(255,255,255,.87);
}

<强> Plunker Example

警告： ::ng-deep已被弃用，可以在近距离功能中删除