css – ionic – 在输入字段中添加按钮

我正在尝试在< ion-input>中添加一个按钮.但无论我在< ion-list>内添加它该按钮不会显示在屏幕上.

我要做的是在右侧对齐的密码字段顶部显示一个“忘记”按钮.参考屏幕：

这是我的HTML,

<ion-content>
  <ion-list class="au-form" inset padding>
        <ion-item>
            <ion-input type="text" placeholder="Username"></ion-input>
        </ion-item>
        <ion-item>
            <ion-input type="password" placeholder="Password"></ion-input>
            <button clear>Forgot</button>
        </ion-item>
   </ion-list>
</ion-content>

如何在Ionic 2中实现此布局？

解决方法

修复了最近的Ionic版本.在按钮上添加项目右键有效.

<ion-item>
 <ion-input type="password" placeholder="Password"></ion-input>
 <button clear item-right>Forgot</button>
</ion-item>

原文地址：https://www.jb51.cc/css/215656.html