Как изменить цвет mat-radio-external-circle (angular материал) - PullRequest
0 голосов
/ 24 апреля 2020

Я хотел бы изменить цвет переключателя в angular материале, значением по умолчанию является 'accent', и я хотел бы установить это значение # ff9800, я нашел это решение в SO, Angular 6 Материал - Оттенки и как изменить цвет переключателя мата , но значение .mat-radio-external-circle его значение осталось в акценте, мой вопрос: как я могу изменить его значение (# ff9800), когда переключатель проверено. Вот мой код css и html.

/* border-color:rgb(66, 134, 244); */ 
::ng-deep.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { 
    color:#ff9800; 
    border-color: #ff9800;
}

::ng-deep.mat-radio-button.mat-accent .mat-radio-inner-circle{
    color:#ff9800;
    background-color:#ff9800;
  }

::ng-deep.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
      background-color:#ff9800;
}
<mat-radio-group aria-label="Select an option" class="actions" [(ngModel)]="action"
                [ngModelOptions]="{standalone: true}">
         <mat-radio-button value="Compile" checked ="true" color="accent">Compile</mat-radio-button>
         <mat-radio-button value="Check Syntax" color="accent">Check Syntax</mat-radio-button>
</mat-radio-group>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...