Javascript Mat单选按钮颜色在角度上的变化

更改Angular Material mat单选按钮的颜色，我正在使用Angular 11版本和Angular Material 11.0.4版本

---

不带模板

我想你说的是单选按钮被选中后的颜色

通常，

将是持有

您可以通过两种方式更改颜色

就像您尝试将

[color]

属性添加到

中一样。它将从您的主题中选择颜色（预定义或自定义）

全局覆盖styles.scss文件中的CSS（颜色更改不建议使用此方法，但可用于其他更改，如圆半径等） i） 要覆盖CSS，只需添加以下代码

   // For outer circle
  .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
     border-color: blue;
   }

   // For inner circle
   .mat-radio-checked .mat-radio-inner-circle {
       background-color: blue;
   }

---

两个更改中的一个应该可以工作

您可以在CSS文件中添加以下内容：

::ng-deep .mat-radio-checked .mat-radio-outer-circle {
     border-color: blue;
}

::ng-deep .mat-radio-checked .mat-radio-inner-circle {
     background-color: blue;
}

---

如果答案对您有用，请标记为有用。

我搜索了很多东西，但最终我找到了解决方案

import { ThemePalette } from '@angular/material/core';     
color: ThemePalette = "warn";
     <mat-radio-button [color]="color" value="2">With Template</mat-radio-button>

从'@angular/material/core'导入{themepalete}；
颜色：themepalete=“warn”；
带模板

请再解释一下你想做什么？请参阅此链接以改进您的问题，以便更好地理解