改变md复选框的颜色

Change md-checkbox color

本文关键字：颜色 复选框 md 改变      更新时间：2023-09-26

所以看起来我可以改变一个空白的md-checkbox的背景色:

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

但是我无法改变选中的md-checkbox的背景。我试着玩:checked, ::before, ::after……但没有成功。

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

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

当然，避免使用!important，这是你的样式有问题的标志。

新增下划线。_md-icon: 

md-checkbox.md-checked ._md-icon {
         background-color: white;
}
相关文章：