自定义Mat-checkbox inderminate图标

Question

MatCheckbox Inderminate的默认图标如下：

我想对其进行自定义，使其看起来像这样：

Answer 1

将此代码添加到您的styles.css：

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  border: 2px solid #757575;
  background: #68d0e5;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
  padding: 30%;
}

这是一个有效的示例：https://angular-ve9hge-zjec5e.stackblitz.io