2017-03-01 59 views
2

我正在为下一个问题苦苦挣扎。我试图以正确的方式更改角度材质2 radio button的颜色,而不会覆盖CSS。默认情况下,它使用材质主题的重音颜色,但我想使用主要颜色。如何更改角度材料中的单选按钮的颜色2

其他组件具有颜色属性一样checkboxbutton等..提前

感谢。

+0

角/材料2还没有被添加在[MdRadioButton]的'color'属性(https://github.com /angular/material2/blob/master/src/lib/radio/radio.ts#L329)类,如[MdCheckbox](https://github.com/angular/material2/blob/master/src/lib/checkbox /checkbox.ts#L193)。 – Yang

回答

3

单选按钮组件没有输入用于更改颜色。 您需要添加以下行的.scss文件:

/deep/ .mat-radio-outer-circle { 
.mat-radio-checked & { 
     border-color: #3f51b5; 
    } 
} 

/deep/ .mat-radio-inner-circle { 
    background-color: #3f51b5; 
} 

/deep/ .mat-radio-ripple .mat-ripple-element { 
    background-color: rgba(#3f51b5, 0.26); 
}