Ionic 3 App中iOS的中心对齐无线电选项



我在离子3中有以下代码。我有水平对齐的是/否类型的无线电按钮。在Android中,它们进入中心,但在iOS中,Thery的到来是正确的。我也想让它们也与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;
    }

我通过在CSS中添加以下代码来完成此操作:

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

最新更新