更改 md-checkbox 颜色

Question

看来我可以通过以下操作更改空 md-checkbox 的背景颜色：

md-checkbox .md-icon {
background: red;
}

但我无法更改已选中 md-checkbox 的背景。 我试着玩:checked、::before、::after...但没有成功。

我应该如何进行？

Answer 1

您需要使用主题 class 以及 md-checked class 组合来定义具有更高特异性的选择器。例如：

md-checkbox .md-icon {
    background: red;
}
md-checkbox.md-default-theme.md-checked .md-icon {
    background: orange;
}

当然，请避免使用 !important，这表明您的样式有问题。

Answer 2

新版本添加下划线._md-icon:

md-checkbox.md-checked ._md-icon {
         background-color: white;
}