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

默认情况下,复选框(复选标记和波纹)使用 accent 从你的主题颜色。您可以通过使用 color = "primary" 元素的属性。如果要使用自定义颜色 (即,不是来自主题) ,您必须手动重写CSS,或者 create a custom theme .

如果只想覆盖波纹的颜色,可以覆盖 .mat-ripple-element 类,单击复选框时将添加到生成的Ripple元素上。将所需样式添加到 theme.scss .

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

Here's an example .