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

时间:2017-06-26 12:56:11

标签: html css angular radio-button background-color

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

示例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;
}

我只是想改变颜色,但我试过的所有例子都没有用。我是否必须更改垫子 - 收音机内圈的颜色?如果是这样,怎么样?

1 个答案:

答案 0 :(得分:0)

尝试以下代码,在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; }