изменить цвет mat-badge-content при наведении

Question

Я пытаюсь изменить цвет значка материала при наведении курсора. Я установил

<div matBadge="+"
     matBadgePosition="after"
     matBadgeColor="accent"
     matBadgeOverlap="false"
     matBadgeSize="large">
</div>

::ng-deep .mat-badge-content:hover {
  background-color: #98daf5;
  color: white;
}

Но это не меняется совсем.

Как изменить цвет значка при наведении?

Answer 1

При наведении курсора на div добавьте .mat-badge-content.

::ng-deep div:hover .mat-badge-content {
    background-color: #98daf5;
    color: white;
}