Question

我知道有人问过这个问题（Change color of mat-spinner），但我想知道是否存在不使用不推荐使用的:: ng-deep的解决方案？

此外，我还尝试了链接中建议的方法，但这不起作用：

HTML

model

SCSS

<mat-progress-spinner *ngIf="pending" mode="indeterminate" class="mat-spinner-color"></mat-progress-spinner>

谢谢！

Answer 1

:: ng-deep并未被正式弃用，并且取决于浏览器是否删除对它的支持，angular.io，until then表示，it should be preferred被/deep/正式弃用了{ {1}}和>>>具有更广泛的兼容性。

因此，我们计划放弃对Angular的支持（对于/ deep /的所有3个，>>> 和:: ng-deep）。在此之前，:: ng-deep应该是更广泛的首选与工具的兼容性。

如果您希望避免:: ng-deep，则需要将对mat-spinner的修改应用于项目中的根styles.css

在styles.css

中

.orange-spinner circle{
  stroke:orange !important;
}

添加课程

<mat-spinner class="orange-spinner"></mat-spinner>

Stackblitz

请注意：

在下面的每个UmutEsen评论中，正确的解决方案是设置主题并利用color上的mat-spinner输入。