Изменить цвет выбранного MatCheckbox - PullRequest
Новая
       10

Изменить цвет выбранного MatCheckbox

0 голосов
/ 02 октября 2019

Мне нужно изменить цвет одного флажка Материал, когда он выбран.

Мне нужно инвертировать цвета, поэтому я уже изменил кадр: 

mat-checkbox.inverted-checkbox .mat-checkbox-frame {
   border-color: white!important;
}

Но теперь янужно сделать фон выбранного флажка белым, а метку внутри синим.

Я пытаюсь с помощью: 

 mat-checkbox.inverted-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-
    background {
      background-color: white!important;
    }

Но это не работает

это флажок 

 <mat-checkbox class="inverted-checkbox"></mat-checkbox>

и здесь вы можете найти пример: https://stackblitz.com/edit/angular-focghc

1 Ответ

0 голосов
/ 02 октября 2019

Если вы войдете в фон .mat-checkbox-background, то увидите, что значок галочки является элементом пути и его цвет задается штрихом: #fafafa! Important;css property.

...