离子框架离子标签位置浮动问题

Question

当用户专注于书写时，如何在类似Gmail登录屏幕的离子框架中使用带有浮动标签的漂亮交互式输入字段进行制作。

我尝试使用当前的ion-label position =“ floating”默认样式，但无法完全类似于Gmail边框输入表单。

我看起来像这个链接。

这是我当前的代码

<ion-item>
   <ion-label   position="floating" no-padding no-margin>Password</ion-label>
   <ion-input no-padding ></ion-input>
</ion-item>

我正在使用ionic4