Ion-option - why is it so difficult to style

Ionic Framework ionic-v3
1

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.

2

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

3

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.

4

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