Angular 角度材质更改勾选“材质内部颜色”复选框

Angular 角度材质更改勾选“材质内部颜色”复选框,angular,angular-material,angular-material-8,Angular,Angular Material,Angular Material 8,我正在尝试将mat复选框中的勾号颜色从白色更改为黑色,但我找不到用于勾号的CSS类,有人请提供帮助吗?在任何浏览器中使用DevTools并选择要修改的HTML元素,您将找到哪些CSS类应用于此指定的HTML元素 在本例中,如果您进入.mat复选框背景,您将看到复选图标是一个路径元素,其颜色由笔划设置:#FFFFFF!重要的;CSS属性,因此您应该修改的类是mat checkbox checkmark path ::ng-deep .mat-checkbox-checkmark-path {


我正在尝试将mat复选框中的勾号颜色从白色更改为黑色,但我找不到用于勾号的CSS类,有人请提供帮助吗?

在任何浏览器中使用DevTools并选择要修改的HTML元素,您将找到哪些CSS类应用于此指定的HTML元素

在本例中,如果您进入.mat复选框背景,您将看到复选图标是一个路径元素,其颜色由笔划设置:#FFFFFF!重要的;CSS属性,因此您应该修改的类是mat checkbox checkmark path

   ::ng-deep .mat-checkbox-checkmark-path {
    stroke: black !important;
    }
您可以在component.css文件中使用上述代码检查

控制角度材质元素颜色的正确方法是使用不同的托盘,但功能有限。如果您想要更多的控制,您可以添加自定义CSS,在大多数情况下,您需要使用::ng deep来强制应用样式