时间戳

首页 > 解决方案 > Angular 材质主题

angular - Angular 材质主题

问题描述

我正在尝试通过在 style.css 中执行此操作来使用预建主题：

@import '~@angular/material/prebuilt-themes/purple-green.css';

但是当我这样做时，按钮都显示为白色背景。

<button mat-button color="primary">Primary</button>
<button mat-button color="accent">Accent</button>
<button mat-button color="warn">Warn</button>

我认为将 import 语句放在 style.css 中会使样式全局化并可用于项目中的所有文件。我不正确吗？

标签： angularangular-material

解决方案

你能通过 StackBlitz 分享一个例子吗？我参加了一个材料启动项目并在那里设置了紫绿色主题：https ://stackblitz.com/edit/angular-material-starter-ykm3yo?file=main.ts

您能否再次检查您是否导入了 MatButton 模块？尝试在链接的 StackBlitz 中删除此导入，以查看您所描述的效果。

推荐阅读