When using the input tag with a floating label, it resembles a phone tag as shown in the image below. However, when I use the select tag with a floating label, it appears more like a country tag.
I want the country tag to also resemble the phone tag. How can I achieve the same look and feel as the phone tag?
https://i.sstatic.net/0DucT.png 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>