Как изменить AngularJS Material md-checkbox background-image при неопределенности?

Question

Когда md-checkbox находится в неопределенном состоянии в Chrome, он отображается как da sh. Я хочу, чтобы вместо этого он отображался в виде меньшего непрозрачного синего квадрата внутри флажка для всех браузеров.

Я понял, как указать фоновое изображение для md-флажка, чтобы нарисовать квадрат: *

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 в свой файл .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%);
  }