Adding a class change on a mouseover

[Bob.Tern]

Hi, I am wondering how I can add a class change on a mouseover event in a *nfFor list. Ive tried lots of different ways, and learned alot about the structure of the appery system, but never actually found a method that worked. Basically, I want the list item to HIGHLIGHT when the mouseover is happening. Any method to make that happen would be fine. Thank you.

[aantsypau]

In an Ionic app, to apply a CSS class to a list item when you hover (mouse over) it, you can use standard CSS with the :hover pseudo-class.

1. HTML (Ionic list item)
2. CSS (global or component style)
.hoverable-item:hover {
--ion-item-background: #ddd;
cursor: pointer;
}
Notes:
Works well in desktop environments (like in browsers or PWA desktop mode).

On mobile devices, :hover doesn't apply — consider using ion-gesture, click events, or [class.active] logic for touch interactions instead.