How to use point cursor over ion-icon (Ionic 4)

Neither of these works:

ion-icon {
    cursor: pointer;
  }
ion-icon:hover {
    cursor: pointer;
}

Place the icon in a button and you will get the pointer cursor automatically. Just set the fill to clear to make the button not be there.

I am not getting a pointer cursor over ion-button either. Even if I explicitly set it in css.
Not sure if that is normal, never noticed before as for mobile it does not matter.

How are you testing this? I made a new blank Ionic app, added an ion button with an ion-icon and tested it in Chrome and my cursor changed.

1 Like

Oh I got it.
I was testing in chrome but had left the device set to mobile in chrome developer tools.
In mobile view the cursor does not work.
Thanks for your help.