Question

我的问题是，<mat-chip>或<button mat-raised-button>（我发现）组件的样式不起作用，默认为灰色。例如，样式适用于<mat-card>

颜色属性设置如下：

<mat-chip color="primary">
<button mat-raised-button color="primary">

我在{strong> styles.css 中添加主题@import "~@angular/material/prebuilt-themes/deeppurple-amber.css";，如Angular Material Guides - Theming中所述。

我错过了什么吗？
角度版本： 4
Angular Material Version： 2.0.0-beta.12

Answer 1

您不必只导入主题，您必须进行设置。

@import '~@angular/material/theming';
@include mat-core();
//-------------------------------------------------------------------------------------------------------
// DEFINING THE BASE THEMING
//-------------------------------------------------------------------------------------------------------
$primary: mat-palette($mat-blue-grey);
$accent: mat-palette($mat-green);
$warn: mat-palette($mat-red);
$theme: mat-light-theme($primary, $accent, $warn);
$dark-theme: mat-dark-theme($primary, $accent, $warn);
@include angular-material-theme($theme);

通过它，您可以在$primary，$accent或$warn中选择颜色，并选择使用angular-material-theme($theme)的（浅色或深色）颜色（或$dark-theme，但你明白了。

Angular Material2并非应用所有样式

1 个答案: