Angular 2 材质更改 md 单选按钮颜色答案

【问题标题】：Angular 2 Material change md-radio-button colorAngular 2 材质更改 md 单选按钮颜色
【发布时间】：2017-07-05 01:43:06
【问题描述】：

我想将 md 单选按钮的默认颜色更改为蓝色。有没有办法覆盖当前颜色？

https://material.angular.io/components/radio/overview

我试过了（我在这里找到了解决方案）：

.my-radio md-radio-button , md-radio-button.md-checked ._md-on{
  background-color: DodgerBlue !important;
}

但是这不起作用。

【问题讨论】：

试试<md-radio-button color="..."></md-radio-button>
Pak，我不建议覆盖当前的属性集。您可以使用您想要的颜色创建自定义主题：material.angular.io/guide/theming

标签： css angular angular-material2

【解决方案1】：

您可以在组件的 CSS 文件中设置样式：

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

/deep/ .mat-radio-button.mat-accent .mat-radio-inner-circle {
    background-color: DodgerBlue;
}

如果你想将它应用于整个应用程序，那么将 css 放在根组件的 css 中。

【讨论】：