如何在不检查时改变角垫单选按钮的颜色

Question

如何改变颜色垫-单选按钮，当不检查.我一直在寻找答案，我想知道这是否可能不改变整个主题。

在CSS中:吴-深。垫-收音机-什么？

我的问题图片

Answer 1

为了改变角度材料中的样式，您应该定义在angular.json配置文件的样式数组中声明的全局样式表，并在其中自定义所有mat样式。

这是您应该在styles.css中重写的类，以更改mat单选按钮的圆圈颜色：

未选中单选按钮：

styles.css：

.mat-radio-outer-circle {
  border-color: red;
}

选中了单选按钮：

styles.css：

.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
    border-color: blue;
}

请阅读定制角材料组件样式文章以获得更好的解释。

Answer 2

如果您检查HTML中的mat单选按钮，您将发现所有构成该按钮并需要更改的类。对于mat单选按钮，它实际上是由2 span制作的，一个是带有类席无线电外圆的，另一个是带有类席无线电核心圆的。

工作示例：https://angular-material-components-demo-ag7pog.stackblitz.io