html - 更改 md-radio-button 的颜色( Angular )

Question

我想更改单选按钮的颜色。我找到了一些例子并尝试了它们，但它从来没有奏效。我不知道我是否做错了，但我试过这样的例子:

示例 1

HTML

<md-radio-button class"radio-button"> yes <md-radio-button>

CSS

//checked
.radio-button md-radio-button , md-radio-button.md-checked ._md-on{
   background-color: blue;
 }

示例 2

HTML(同上)

CSS

md-radio-button.md-default-theme.md-checked .md-on, md-radio-button.md-checked .md-on{
background-color: blue;
}

我只是想改变颜色，但我尝试的所有示例都不起作用。我是否必须更改 mat-radio-inner-circle 的颜色？如果是，怎么办？

Answer 1

试试下面的代码，在 rgba() 里面改变你自己的颜色 !important;

md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, md-radio-button:not([disabled]).md-primary .md-on, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-button:not([disabled]) .md-primary .md-on, md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]) .md-primary .md-on {
background-color: rgba(16,108,200,0.87) !important; }