Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 如何更改matBadge的背景色和颜色?_Angular_Angular Material - Fatal编程技术网

Angular 如何更改matBadge的背景色和颜色?

Angular 如何更改matBadge的背景色和颜色?,angular,angular-material,Angular,Angular Material,我想更改材质徽章的背景颜色和文字颜色,而不是使用标准材质颜色,我该怎么做 <mat-icon matBadge="{{this.userService.numberOfCartItems}}" matBadgePosition="above after" matBadgeColor="accent"> shopping_cart </mat-icon> 购物车 您可以更改类别标记内容的背景和颜色属性: .mat-badge-content {

我想更改材质徽章的背景颜色和文字颜色,而不是使用标准材质颜色,我该怎么做

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

购物车

您可以更改类别标记内容的背景和颜色属性:

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