角度材质单选按钮外圈未对齐答案

【问题标题】：Angular Material Radio Button Outer Circle not align角度材质单选按钮外圈未对齐
【发布时间】：2019-07-23 09:04:49
【问题描述】：

我正在尝试在我的角度表单中添加一些单选按钮。我去了 material.angular.io 网站并使用了他们的代码。但是，单选按钮看起来不正确。有一个外圈和内圈紧挨着。所以，我去了这里，找到了别人的代码并复制/粘贴并遇到了同样的问题。这是代码

 <mat-radio-group formControlName="options">
                        <mat-radio-button value="1">Option 01</mat-radio-button>
                        <mat-radio-button  value="2">Option 02</mat-radio-button>
                      </mat-radio-group>

在我的 angular module.ts 中，我添加了 MatRadioModule。我不确定为什么会收到这个奇怪的错误。这里有人见过吗？非常感谢任何帮助。

【问题讨论】：

尽量不复现stackblitz stackblitz.com/angular/…
您是否忘记在项目中添加 Material 样式？
嗨，我从网站上将样式 sn-ps 复制到组件 scss 中，但这并没有解决问题。是否有需要导入的 Material css 文件？

标签： angular radiobuttonlist

【解决方案1】：

你必须在styles.css中导入内置的css样式。

例如@import '@angular/material/prebuilt-themes/indigo-pink.css';

这里有更多细节Doc

【讨论】：