Ionic2 ionic 3应用程序中iOS的居中对齐单选选项

Ionic2 ionic 3应用程序中iOS的居中对齐单选选项,ionic2,ionic3,Ionic2,Ionic3,我有以下代码在离子3。我有水平对齐的是/否类型单选按钮。在安卓系统中,他们是居中的,但在iOS系统中,他们是右对齐的。我还想让它们在iOS上居中对齐。代码如下: <ion-card center> <ion-card-header > <ion-label >Q1. Are you a programming geek?</ion-label> </ion-card-header> <i

我有以下代码在离子3。我有水平对齐的是/否类型单选按钮。在安卓系统中,他们是居中的,但在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中添加以下代码,我做到了这一点:

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

通过在css中添加以下代码,我做到了这一点:

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