angular - Angular Material Spinner 颜色原色不起作用

Question

我在我的 html 中包含了 mat-spinner：

<mat-spinner></mat-spinner>                   ---> spinner in white color, so not seen
<mat-spinner color="primary"></mat-spinner>   ---> spinner in white color, so not seen
<mat-spinner color="warn"></mat-spinner>      ---> red spinner
<mat-spinner color="accent"></mat-spinner>    ---> yellow spinner

在第一种和第二种情况下，微调器显示为白色

我的模块文件中有 MatProgressSpinnerModule

styles.scss 有：

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

那为什么原色是白色呢？

标签： angularangular-material

Answer 1

默认情况下，进度微调器使用主题的原色。这可以更改为accent或warn。

您可以stroke在主题的 css 中覆盖样式表。

请参阅此stackoverflow 答案。