如何减小离子2中文本输入的大小并在右侧对齐标签

Question

我想减小文本输入的宽度并在右侧对齐标签。默认情况下，离子将标签放在左侧。

 <ion-item>
        <ion-label>pounds</ion-label>
        <ion-input type="number"></ion-input>
      </ion-item>

我尝试了CSS中的各种事情来修复以下输入长度：

  .item.item-input>input{
    width:30%;
  }

但它们都没有工作。

Answer 1

如果您想用" ion-item"包装

，就无法做到这一点

此解决方法可以帮助您实现所需的目标，

<ion-row>
     <ion-input type="number" style="border-bottom: 1px solid #000;max-width: 50%;"></ion-input>
     <p>pounds</p>
</ion-row>

和手动样式，像其他元素