要解决Angular Material 7中次要颜色未应用于Chips的问题,可以按照以下步骤进行操作:
npm install @angular/material@latest @angular/cdk@latest --save
import {MatChipsModule} from '@angular/material/chips';
MatChip
组件的color
属性设置为accent
,以应用次要颜色。你可以使用内置的Angular Material颜色名称,如primary
、accent
、warn
等。Example Chip
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
.mat-chip.mat-accent {
background-color: your-accent-color;
color: your-accent-text-color;
}
确保将your-accent-color
和your-accent-text-color
替换为你想要的次要颜色值。
通过遵循以上步骤,你应该能够解决Angular Material 7中次要颜色未应用于Chips的问题。