Я хотел бы изменить цвет переключателя в 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>