comment utiliser l'étiquette flottante pour ion-select

Question

Si j'utilise une balise d'entrée avec une étiquette flottante, cela ressemble à une balise de téléphone comme dans l'image ci-dessous, et si j'utilise une balise de sélection avec une étiquette flottante, cela ressemble à une balise de pays.

Je veux que le pays vienne aussi comme phone tag. comment puis-je obtenir le même look et la même sensation que comme phone tag.

code 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>

Answer 1

Malheureusement, vous ne pouvez pas le faire avec la fonction floating l'étiquette. En termes de look and feel vous pouvez présélectionner la première option de l'élément de sélection, afin d'éviter que ce champ ne soit utilisé pour la première fois. vide comme ça . Du moins, c'est ce que nous faisons dans nos formulaires pour les rendre plus jolis.

Une autre option pourrait être de concevoir le formulaire comme vous pouvez le voir ici De cette façon, vous pouvez faire en sorte que les champs de saisie aient la même apparence que les éléments de sélection.