从Angular Material Checkbox中删除刻度线

Question

我们正在尝试在自定义可视化中使用Angular Material Checkbox。但我们不希望出现刻度线，即我们想要一个颜色已填充但没有刻度线的元素。我们怎么做？我们浏览了文档的css styling部分，但没有发现任何相关内容。

Answer 1

tickmark不是图标。它实际上是由一个倾斜45度的简单矩形构建的。您所需要的只是：

md-checkbox.md-checked .md-icon:after {
    border-width: 0;
}

或者，您可以使用

md-checkbox.md-checked .md-icon:after {
    display: none;
}

Answer 2

在最新版本中，刻度线是 SVG。您可以简单地使用：

::ng-deep .mat-checkbox-checkmark {
  display: none;
}