# CSS Hover Style for SVG Images (Custom Buttons)

**URL:** <https://forum.inductiveautomation.com/t/css-hover-style-for-svg-images-custom-buttons/69110>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [January 27, 2023, 6:53pm UTC](https://forum.inductiveautomation.com/t/css-hover-style-for-svg-images-custom-buttons/69110 "2023-01-27T18:53:28Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [January 27, 2023, 8:30pm UTC](https://forum.inductiveautomation.com/t/css-hover-style-for-svg-images-custom-buttons/69110/4 "2023-01-27T20:30:04Z")

</div>

If you want it to react when the mouse moves over it, you need to use the `:hover` meta selector:

> [@Perspective Custom Button](https://forum.inductiveautomation.com/t/perspective-custom-button/49119/3):
>
> I did a flex container with a style class (on the root container, crucially) - the meta props are what you’re after: [screenshot2c8ZBn]

---

_[View the full topic](https://forum.inductiveautomation.com/t/css-hover-style-for-svg-images-custom-buttons/69110)._