设置ionic2单选按钮的样式失败

Question

我有一些单选按钮，但文本显示在远离单选按钮的位置，我希望文本靠近单选按钮

这是我的代码

ion-row radio-group (ionChange)="onChange($event)">
     <ion-col width-30>
       <ion-item>
           <ion-label>Yes</ion-label>
           <ion-radio value='{{checklists.controls["yesradio"].value}}-yes'>  </ion-radio>
       </ion-item>
     </ion-col>


     <ion-col width-30>

         <ion-item  style="text-align:left">
             <ion-label>No</ion-label>
              <ion-radio style="margin:0px;"  value='{{checklists.controls["yesradio"].value}}-no'></ion-radio>

       </ion-item>

     </ion-col>

 </ion-row>

以上产生

如上图所示，“是”文本位于“是”收音机的左侧

期待有

我也尝试添加

  <ion-col width-30>

         <ion-item  style="text-align:left">
             <ion-label style="margin:0px;">No</ion-label>
              <ion-radio style="margin:0px;" id="no_radio"></ion-radio>  //added margin 0px fails

       </ion-item>

     </ion-col>

我需要添加什么以使图标更接近文本（是和否）（不一定需要带有图标）

Answer 1

在页面的.scss文件中，您可以执行以下操作以获得所需的结果。

.input-wrapper{
     flex: initial;
}