角度材质 - 改变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);
}

这是一个有效的例子.