Angular “从角度材质更改CSS”复选框

有人能告诉我，当您单击“角度材质”复选框时，如何更改圆形的颜色。如下图所示（粉红色圆圈）

以下是官方网页的链接：

感谢您的帮助

复选框（复选标记和涟漪）默认使用主题中的

重音

颜色。通过使用元素上的

color=“primary”

属性，可以将其更改为使用原色。如果您想使用自定义颜色（即不是来自主题），则必须手动或手动覆盖CSS

如果您只想覆盖涟漪的颜色，则可以覆盖

.mat涟漪元素

类，该类在您单击复选框时添加到生成的涟漪元素上。将所需样式添加到

主题.scss

.custom-ripple {
  .mat-ripple-element {
    background-color: rgba(100, 200, 50, 0.5) !important;
  }
}

---

.

这个圆叫做

波纹
。您想只更改复选框ripple上的颜色还是更改应用程序中所有涟漪的颜色？或者你想完全禁用ripple？实际上，我想更改应用程序中的所有ripple效果。之前的帖子帮助我更改了复选框ripple
.green复选框{.mat ripple元素{background color:$darkgreen！important；opacity:0.5；}}}
我不知道，为什么会这样deleted@Peter我删除了我的帖子，因为出于某种原因，它被否决了。如果它对您有帮助，我将取消删除它。