角度2材质更改md-单选按钮颜色

Question

我想将md-radio-button的默认颜色更改为蓝色。有没有办法覆盖当前的颜色？

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

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

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

然而，这不起作用。

Answer 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放在root组件的css中。