Angular 如何使用浮动标签进行离子选择

如果我使用带有浮动标签的输入标签，它就像下图中的电话标签一样。我使用带有浮动标签的选择标签，它就像国家标签一样

我希望国家也来像电话标签。我如何才能得到像电话标签一样的外观和感觉

html代码

<ion-item width-50 >
  <ion-label floating>Phone</ion-label>
  <ion-input type="tel"></ion-input>
</ion-item>

<ion-item width-50>
  <ion-label floating>Country</ion-label>
  <ion-select [(ngModel)]="country">
    <ion-option>{{country}}</ion-option>
  </ion-select>
</ion-item>

电话
国家
{{国家}

---

不幸的是，使用

浮动

标签无法做到这一点。在外观方面，您可以预先选择select元素的第一个选项，以避免该字段像那样为空。至少我们在形式上是这样做的，让它们看起来更漂亮

---

另一种选择是按照您所看到的方式设计表单，这样您可以使输入字段看起来与选择元素相同。

如果有人知道这一点，请建议我