如何在角形材质2中更改单选按钮的颜色

Question

我正在努力解决下一个问题。我正在尝试以正确的方式更改角度材质2 单选按钮的颜色，而不会覆盖CSS。默认情况下，它使用材质主题的强调色，但我想使用主色。

其他组件具有颜色属性，例如复选框，按钮等。

提前致谢。

Answer 1

ng-deep 已被废弃。将此代码复制到您的 styles.scss 文件中。它会起作用的。

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
opacity: 0 !important; /*click effect color change*/
background-color: #422873 !important;  }

.mat-radio-button.mat-accent .mat-radio-inner-circle {
background-color: #422873 !important; /*inner circle color change*/  }

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
border-color: #422873 !important; /*outer ring color change*/  }

Answer 2

万一其他人偶然发现此问题，您现在可以在MatRadioButton组件上使用color属性。这是我已更正的GitHub问题的链接：

• https://github.com/angular/material2/issues/9439

Answer 3

要更改垫子单选按钮的颜色，请将以下内容粘贴到您的模块中（例如 app.module.ts）

providers: [{
    provide: MAT_RADIO_DEFAULT_OPTIONS,
    useValue: { color: 'primary' },
}]

现在颜色看起来像这样