CODEWITHSUNDEEP
angularangular-material2
Deniss M.
Deniss M.

Reputation: 4070

Angular Material 2: mdStepper Header icon bg color change

Is it possible to change the mdStepper step icon background color? I tried this:

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

But it doesn't work :(

Upvotes: 2

Views: 1664

Answers (1)

yurzui
yurzui

Reputation: 214285

You should use shadow-piercing descendant combinator

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

Plunker Example

Caveats: ::ng-deep is deprecated and can be removed in the near feature

Upvotes: 3

Related Questions