離子3應用程序iOS中心對齊無線電選項

Question

我在Ionic 3中有以下代碼。我有是/無類型單選按鈕，它們是水平對齊的。在android中，它們正在進入中心，但在iOS中，它們正在向右對齊。我想讓它們也針對iOS進行中心對齊。以下是代碼：

<ion-card center> 
    <ion-card-header > 
     <ion-label >Q1. Are you a programming geek?</ion-label> 
    </ion-card-header> 

    <ion-row radio-group> 
     <ion-col width-30> 
      <ion-item> 
      <ion-label>Yes</ion-label> 
      <ion-radio value="1"></ion-radio> 
      </ion-item> 
     </ion-col> 
     <ion-col width-30> 
      <ion-item> 
      <ion-label>No</ion-label> 
      <ion-radio value="0"></ion-radio> 
      </ion-item> 
     </ion-col> 
    </ion-row> 
</ion-card> 

以下是我已經修改了CSS：

.input-wrapper{ 
    flex: initial; 
    } 

    .card-md .item-md.item-block .item-inner { 
     border: 0; 
     justify-content: center; 
    } 

Answer 1

我已經做到了在CSS中添加以下代碼：

.card-ios .item-ios.item-block .item-inner { 
    border: 0; 
    justify-content: center; 
}