自定义 Mat-checkbox 不确定图标

Question

默认图标MatCheckbox Indeterminate如下：

我想将其自定义为如下所示：

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