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

Question

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

<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;
}