如何减小Ionic2中文本输入的大小并在右侧对齐标签答案

【问题标题】：How to decrease the size of the text input in Ionic2 and align the label on the right side如何减小Ionic2中文本输入的大小并在右侧对齐标签
【发布时间】：2017-12-03 01:01:11
【问题描述】：

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

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

我在 css 中尝试了各种方法来修复输入长度，如下所示：

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

但它们都不起作用。

【问题讨论】：

标签： html css angular ionic2

【解决方案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>

像其他元素一样手动设置样式

【讨论】：