How to Implement Hover CSS on elements in Custom CSS?

[CosmasSC128]

Is there any way to do this at the moment?

[mjashanks]

Not possible at the moment unfortunately. We might be looking into this and other styling capabilities in the next few months, but don't know the details yet.

[NicolasFabre81]

Still not ?

[tw02d008]

One year later is there any update on the hover? Is it already possible somehow with custom css?

[mikesealey]

@tw02d008

This can be done with an Embed component, and some clever use of your browser's developer tools.

In your published app, using the developer tools, find the element you wish to apply the on-hover rules to, and take the classes...

You can then use one of those classes to target your element with a :hover rule, inside some <style></style> tags

For good measure, in the screenshot below I brought all classes and pasted them into a comment. There may be some trial-and-error involved

Here's an app-export where I sketched this one out, please feel free to take a closer look.
CSS On Hover-export-1740569902219.tar.gz

If you're not sure how to import an app, take a look at our documentation.

[tw02d008]

Thank you very much. Got it and it is working great. Helps a lot for my fake tables (Repeater with container and paragraphs)