不确定时如何更改 AngularJS Material md-checkbox background-image？

Question

当 md-checkbox 在 Chrome 中处于不确定的 state 时，它显示为破折号。 我希望它改为在所有浏览器的复选框内显示为一个较小的不透明蓝色方块。

我已经想出如何指定 md-checkbox 的背景图像来绘制正方形：

style="background-image: linear-gradient(white, white 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, white 75%), linear-gradient(to right, white, white 25%, blue 25%, blue 75%, white 75%);"

现在如何使该样式仅在 md-checkbox 不确定时应用？

Answer 1

我想到了。 我把这个 CSS 放在 my.styles.less 文件中：

  md-checkbox.md-indeterminate .md-icon {
    color: rgba(0,0,0,0);
    background-image: linear-gradient(white, white 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, white 75%), 
      linear-gradient(to right, white, white 25%, rgb(61,163,244) 25%, rgb(61,163,244) 75%, white 75%);
  }