自定义 Mat-checkbox Indeterminate 图标答案

【问题标题】：Customize Mat-checkbox Indeterminate icon自定义 Mat-checkbox Indeterminate 图标
【发布时间】：2018-12-08 14:11:44
【问题描述】：

MatCheckbox Indeterminate 的默认图标如下：

我想自定义它看起来像这样：

【问题讨论】：

向我们展示您在此处发布之前尝试过的代码。
@DimitarSpasovski 它被标记为 angular。我很确定任何熟悉角度材料和 css 的人都可以从图像和属性中确定她的意思。下面的答案很明显。
@Roj 这个问题是否容易回答并不重要。这个问题的问题是张贴者没有努力解决这里发布的问题。据我们所知，她甚至没有尝试解决问题。我们需要了解 stackoverflow 不是代码编写服务。这就是为什么这个问题有 3 个反对票。如果你问我，我会建议人们不要回答这类问题，因为他们只会增加“帮助吸血鬼”的数量。如您所见，操作员开始在下面的答案中向 cmets 寻求更多帮助...

标签： css angular checkbox angular-material

【解决方案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

【讨论】：

你知道我们如何为复选框做类似的事情吗？