Neither of these works:
ion-icon {
cursor: pointer;
}
ion-icon:hover {
cursor: pointer;
}
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.
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.