Angular Material 更改 <mat-list-option> 复选框的主题颜色

Question

使用Material主题能否更改复选框的颜色？例如，使用普通的可以简单地执行<mat-checkbox color="primary">。然而，使用<mat-list-option color="primary">似乎没有任何效果。

我在Angular Material API参考中找不到关于这个问题的任何信息，但除了手动更改颜色（即不使用主题），肯定还有其他方法，就像这个问题中所述的那样。

- tgordon18

---

MatListOption 不使用 color 选项。因此，改变颜色的唯一方法是“手动”。 - G. Tranter

这个组件真的不够成熟，它不仅与Angular主题系统不兼容，而且在选项级别上也没有提供任何状态指示器（如.mat-checkbox-checked或.mat-radio-checked）。如果您可以使用mat-radio或mat-checkbox代替，请避开这个组件，因为这会使样式设计变得非常困难。 - Nicolas Reynis

Answer 1

请查看此 StackBlitz：自定义选项列表

将以下代码添加到您的 style.css 文件 中：

.mat-pseudo-checkbox::after {
    color: red;
}

.mat-pseudo-checkbox {
    background: lightblue;
}

- Juan