角度材质 - 改变md-radio-button的颜色

Question

如何在Angular Material2中更改单选按钮的默认颜色？我读了几个关于这个主题的问题，但没有一个能解决这个问题。如何为类md-radio-button的元素设置绿色，黄色和红色？

Answer 1

您可以将此规则用于单选按钮中心的颜色：

.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: rgb(66, 134, 244);
}

这个边界：

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: rgb(66, 134, 244);
}

这是您点击单选按钮时显示的圆圈：

.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color:rgba(66, 134, 244,.26);
}

Here是一个有效的例子。