如何更改 matBadge 的背景颜色和颜色？

Question

我想同时更改 Material 徽章的背景和文本颜色，而不是使用标准的 Material 颜色，我该怎么做？

<mat-icon matBadge="{{this.userService.numberOfCartItems}}" 
     matBadgePosition="above after" matBadgeColor="accent">
     shopping_cart
</mat-icon>

Answer 1

您可以更改 mat-badge-content 类的背景和颜色属性：

.mat-badge-content {
    background: red;
    color: blue;
}