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

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的CSS相关文章