# SVG use hover in style for element

**URL:** <https://forum.inductiveautomation.com/t/svg-use-hover-in-style-for-element/60717>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [June 13, 2022, 8:06pm UTC](https://forum.inductiveautomation.com/t/svg-use-hover-in-style-for-element/60717 "2022-06-13T20:06:15Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [June 13, 2022, 8:06pm UTC](https://forum.inductiveautomation.com/t/svg-use-hover-in-style-for-element/60717/1 "2022-06-13T20:06:15Z")

</div>

Is it possible to do a hover style (Element state -border) around a specific element in a SVG? So far what I typically do for buttons and other components isn’t working.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 14, 2022, 6:39am UTC](https://forum.inductiveautomation.com/t/svg-use-hover-in-style-for-element/60717/2 "2022-06-14T06:39:27Z")

</div>

you’ll need theme.css or css injection for that

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [June 14, 2022, 12:19pm UTC](https://forum.inductiveautomation.com/t/svg-use-hover-in-style-for-element/60717/3 "2022-06-14T12:19:26Z")

</div>

@victordcq Have you tried this? I can manipulate colors, for example, but not draw a border around specific elements within a SVG.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 14, 2022, 12:54pm UTC](https://forum.inductiveautomation.com/t/svg-use-hover-in-style-for-element/60717/4 "2022-06-14T12:54:48Z")

</div>

it should work on most things, though not on everything.  
you’ll have to give me the json of your svg component to give it a deeper look

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [June 14, 2022, 1:22pm UTC](https://forum.inductiveautomation.com/t/svg-use-hover-in-style-for-element/60717/5 "2022-06-14T13:22:56Z")

</div>

@victordcq I can’t share the SVG publicly, but I messaged you and included the JSON.