html – Ionic 2浮动离子标签问题

前端之家收集整理的这篇文章主要介绍了html – Ionic 2浮动离子标签问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我遇到了一些我正在使用的浮动标签的问题,但并不是所有浮动标签,这使得它更加奇怪.据我所知,我的离子项写得完全相同.下面是一些显示问题的图片.
我不确定这是否是Ionic 2中的一个错误,或者我是否做错了什么.如果有什么不清楚或者您需要更多代码,请随时提问.

正如您所看到的,描述和照片/视频标签已经表现得像它们处于焦点时那样(它们不是)但它没有显示高光.

这是一个图像,我把它放在焦点,然后再次失焦.
一旦我这样做它就能正常工作.

我写的html:

<ion-content padding>
  <form [formGroup]="complaint" (ngSubmit)="send()">

    <ion-item>
      <ion-label floating>Description*</ion-label>
      <ion-textarea [(ngModel)]="description" type="text" formControlName="description"></ion-textarea>
    </ion-item>

    <ion-item>
      <ion-label floating>Number of completed tests*</ion-label>
      <ion-input [(ngModel)]="nrTests" type="number" formControlName="nrTests"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label floating>Photo/Video</ion-label>
      <ion-input [(ngModel)]="media" formControlName="media"></ion-input>
    </ion-item>

    <button ion-button type="submit" [disabled]="!complaint.valid">Send</button>

  </form>
</ion-content>

解决方法

删除浮动,然后尝试.我认为这将解决您的问题.

猜你在找的HTML相关文章