Question

问题是，当我在SCSS文件中指定导入并定义自定义主题时，除了版式之外，我看不到复选框的样式。

我的SCSS文件

@import "~bootstrap/scss/bootstrap-reboot";
@import "~bootstrap/scss/bootstrap-grid";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";
@import '~@angular/material/theming';

@include mat-core();

$app-primary: mat-palette($mat-cyan, 600);
$app-accent: mat-palette($mat-indigo, 900);
$app-warn: mat-palette($mat-red);
$app-theme: mat-light-theme($app-primary, $app-accent, $app-warn);

@include mat-checkbox-theme($app-theme);

将样式附加到我的页面后，我不是真正的复选框，仅看到其标签。控制台中没有错误或警告。

我也尝试放置@include angular-material-theme($app-theme);，但这也没有任何作用。

最后，Angular Material将复选框样式保留在组件内部，而不是在SCSS中导出

Answer 1

尝试在angular-material-theme之后包含您的mat-core（）；

Sass不导入角度材质复选框主题

1 个答案: