角材质单选按钮的外圆未对齐

Question

我正在尝试在我的角度表单中添加一些单选按钮。我去了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模块.ts中，我添加了MatRadioModule。我不确定为什么会收到这个奇怪的错误。这里有人看过吗？任何帮助将不胜感激。

Answer 1

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

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

更多详细信息，Doc