更改md-checkbox颜色

Question

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

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

但我无法设法更改已检查的md-checkbox的背景。 我试着玩:checked ， ::before ， ::after ...但没有成功。

我该怎么办？

Answer 1

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

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;
}