所有设备上的 IONIC 单选按钮 CSS 样式圈

Question

我有一组 Ionic Radio 按钮，它们在移动设备上显示为复选框。我试图使用 css 使它像一个圆圈，但它不起作用我需要在所有屏幕上圈出单选按钮。附上参考图片请看一下

参考站点

<ion-list name="test" radio-group [(ngModel)]="ionic-radio">
   <ion-item>
      <ion-radio class="radio radio-inline radio-gray" value="3" checked></ion-radio>
      <ion-radio value="2"></ion-radio>
      <ion-radio value="1"></ion-radio>
   </ion-item>                           
</ion-list>

CSS

从参考站点使用

Answer 1

在这里找到答案

获取操作系统模式类型

并根据需要添加模式属性没有CSS没有简单的步骤..

<ion-radio mode="md"  value="1"></ion-radio>