2017-03-01 17 views
2

次の問題に苦しんでいます。私は角度材料2の色を変更しようとしています。radio buttonはPROPERの方法で、CSSをオーバーライドしません。デフォルトでは、テーマテーマのアクセントカラーが使用されますが、プライマリを使用したいと思います。角度のある素材でラジオボタンの色を変更する方法2

他の構成要素には...事前に

おかげなどcheckboxbutton、のような色の性質を持っています。

+0

角度/ material2はまだ[MdRadioButton]で 'color'属性を追加していません(https://github.com:ここで私は修正されましたGitHubの問題へのリンクです/middle/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); 
} 
関連する問題