angular - Angular Material 6 - 更改主题后某些组件的背景显示为透明

Question

自定义material angular主题时，select、dialog、snackbar等组件的背景出现透明，我的sass代码是：

@import '../../node_modules/@angular/material/theming';
@include mat-core();

$default-app-primary: mat-palette($mat-cyan, 700);
$default-app-accent:  mat-palette($mat-green, 600, A100, A400);
$default-app-warn:    mat-palette($mat-red, 700);

$default-app-theme: mat-light-theme($default-app-primary, $default-app-accent, $default-app-warn);
$no-login-app-theme: mat-dark-theme($default-app-primary, $default-app-accent, $default-app-warn);

$custom-typography: mat-typography-config(
  $font-family: 'Montserrat, sans-serif'
);

@include angular-material-typography($custom-typography);
@include angular-material-theme($default-app-theme);

提前致谢

标签： angularangular-materialangular6