css - 带有图像图标的 Angular Material Progress Spinner - (mat-spinner)

Question

我在我的元素中实现了 mat-spinner，但它只有很少的可配置更改，例如颜色、旋转模式。我想在微调器中包含品牌/公司 Logo 的图像图标，我该如何实现？

以下是 Stackblitz 链接:

https://stackblitz.com/angular/lmgppgejqxdv

它有模式和颜色变化，但我如何包含任何图像以适应进度微调器？

Answer 1

您可以使用以下方式访问微调器的背景层:

.mat-progress-spinner svg {
  background: red;
}

但是请注意，svg 会发生变换，因此背景最终可能也会旋转。