# How I can access to mouse events in each sub-item of horizontal menu

**URL:** <https://forum.inductiveautomation.com/t/how-i-can-access-to-mouse-events-in-each-sub-item-of-horizontal-menu/66635>\
**Category:** Ignition\
**Tags:** scripting, perspective\
**Created:** [November 17, 2022, 2:48pm UTC](https://forum.inductiveautomation.com/t/how-i-can-access-to-mouse-events-in-each-sub-item-of-horizontal-menu/66635 "2022-11-17T14:48:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Miguel\_Massiris](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@Miguel\_Massiris](https://forum.inductiveautomation.com/u/Miguel_Massiris)\
**Post date:** [November 17, 2022, 2:48pm UTC](https://forum.inductiveautomation.com/t/how-i-can-access-to-mouse-events-in-each-sub-item-of-horizontal-menu/66635/1 "2022-11-17T14:48:03Z")

</div>

I want to change the color of my text when the mouse is over that sub item, for example:  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/d/8d382f11f4f89022b47d72f546b2aec11889d898.png)

When the mouse is over "Resumen de eventos" I want it to change the color of the text, I am having trouble accessing the event of each item.

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [November 17, 2022, 3:24pm UTC](https://forum.inductiveautomation.com/t/how-i-can-access-to-mouse-events-in-each-sub-item-of-horizontal-menu/66635/2 "2022-11-17T15:24:39Z")

</div>

Which component(s) are you using?

---

<div class="post-metadata">

**Author:** ![Miguel\_Massiris](https://avatars.discourse-cdn.com/v4/letter/m/c2a13f/32.png) [@Miguel\_Massiris](https://forum.inductiveautomation.com/u/Miguel_Massiris)\
**Post date:** [November 17, 2022, 3:28pm UTC](https://forum.inductiveautomation.com/t/how-i-can-access-to-mouse-events-in-each-sub-item-of-horizontal-menu/66635/3 "2022-11-17T15:28:23Z")

</div>

I'm using "Horizontal Menu":  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/7/37d0e99fba661981e55ec8e4de6769eabb3a6bda.png)

---

<div class="post-metadata">

**Author:** ![kgamble](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/kgamble/32/8019_2.png) [@kgamble](https://forum.inductiveautomation.com/u/kgamble)\
**Post date:** [November 17, 2022, 4:02pm UTC](https://forum.inductiveautomation.com/t/how-i-can-access-to-mouse-events-in-each-sub-item-of-horizontal-menu/66635/4 "2022-11-17T16:02:10Z")

</div>

You could accomplish this with theming through adding the following CSS to a custom there.

```auto
.ia_horizontalMenuComponent__item:not(.ia_horizontalMenuComponent__item--active):not(.ia_horizontalMenuComponent__item--disabled):hover {
    color: red;
}

```

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/d/bd871380d0e1ec7cbb3a5e04108a4575035eed01.png)