wie schwimmendes label für ion-select verwenden

Question

wenn ich eingabeetikett mit schwimmenden label es kam wie telefon tag wie unten bild.Ich verwende wählen tag mit schwimmenden label es kam wie land tag.

Ich will Land auch kommen wie Telefon-tag.Wie kann ich aussehen und fühle mich wie Telefon-Tag.

HTML-Code

<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

Leider kann man das mit dem floating Etikett nicht. In Bezug auf Look and Feel, können Sie die erste Option des Select-Elements vorwählen, um zu vermeiden, dass das Feld leer wie das ist. Zumindest machen wir das in unseren Formularen, damit sie schöner aussehen.

Eine andere Option könnte sein, das Formular so zu gestalten, wie Sie here sehen, und auf diese Weise können Sie die Eingabefelder genauso aussehen lassen wie die Auswahlelemente.