Center ionic-select with icon on the left


I need to put a select with an icon on the left and let the select menu centered, like in the image below.

I have tried the following code:

  <ion-label> <ion-icon name="heart"></ion-icon></ion-label>
  <ion-select [(ngModel)]="field" placeholder="Menu" text-center>
    <ion-option value="dev" text-center>Developer</ion-option>
    <ion-option value="poet" text-center>Poet</ion-option>
    <ion-option value="desg" text-center>Designer</ion-option>

But it produces this:

Any idea?



Give a class to this ion-item and do this on your class:

ion-label {
    -webkit-flex: none!important; 
    flex: none!important; 


that’s worked. :slightly_smiling_face: