Ion-option - why is it so difficult to style

Don’t get me wrong on the whole Ionic is great but sometimes it is shear frustration.

ion-option is a good example -

<ion-item>
  <ion-label>Gender</ion-label>
  <ion-select [(ngModel)]="gender">
    <ion-option value="f">Female</ion-option>
    <ion-option value="m">Male</ion-option>
  </ion-select>
</ion-item>

On the iphone the ion-option displays approx. only 16 characters. Try as I might I cannot change the font-size to allow more characters - it is forcing me to amend what is being displayed.

I just hate it when things which should be simple are impossible or difficult to achieve.

Could you show a screenshot of what you are talking about please?

A screen shot won’t be much help - basically the ion-option css format is impossible to change - just try changing the font color or size and see how difficult it is to do.

Have you even checked the docs before complaining in this manner ??

FYI, there is something called selecOptions through which you can pass a custom class to the interface the ion-select is using, this gives you the power to influence the ion-option too if you need to.

2 Likes