# Change mouse cursor to hand on mouse hover?

**URL:** <https://forum.inductiveautomation.com/t/change-mouse-cursor-to-hand-on-mouse-hover/30789>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [December 18, 2019, 3:33am UTC](https://forum.inductiveautomation.com/t/change-mouse-cursor-to-hand-on-mouse-hover/30789 "2019-12-18T03:33:21Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![arjunas](https://avatars.discourse-cdn.com/v4/letter/a/e19b73/32.png) [@arjunas](https://forum.inductiveautomation.com/u/arjunas)\
**Post date:** [December 18, 2019, 3:33am UTC](https://forum.inductiveautomation.com/t/change-mouse-cursor-to-hand-on-mouse-hover/30789/1 "2019-12-18T03:33:21Z")

</div>

Change mouse cursor to hand on mouse hover?👆 in perspective

---

<div class="post-metadata">

**Author:** ![grietveld](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/grietveld/32/6984_2.png) [@grietveld](https://forum.inductiveautomation.com/u/grietveld)\
**Post date:** [December 18, 2019, 12:43pm UTC](https://forum.inductiveautomation.com/t/change-mouse-cursor-to-hand-on-mouse-hover/30789/2 "2019-12-18T12:43:54Z")

</div>

It is a style option. Under Misc -\> Cursor. The one you are looking for is pointer.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [December 18, 2019, 3:01pm UTC](https://forum.inductiveautomation.com/t/change-mouse-cursor-to-hand-on-mouse-hover/30789/3 "2019-12-18T15:01:29Z")

</div>

If you only want the cursor to be a hand when hovering over a component, then you’ll want to use Perspective’s Styles.

1. In the Project browser, right click the Styles node under Perspective and select New Style.
2. Provide a name for this style (I used `hand-on-hover`).
3. In the resulting dialog, click the `+` icon and select Element State.
4. In the right-hand panel, use the Element State dropdown to select “hover”.
5. In the `Misc` category, select “pointer”.
6. Click OK.
7. Now find the element onto which you would like to apply this style setting, and use the dropdown under `targetComponent.props.style.classes` to select your named Style.

Style should look like this:

 ![50%20AM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/5/5ef6b86702f6363e31e8131e2b6f13289631c768.png)

The Component should have a `props.style.classes` which includes the name of your Style:

![27%20AM](https://us1.discourse-cdn.com/inductiveautomation/original/2X/8/8e557fcc0c70d98a928138cf37d8d80d8736cf0b.png)

---

<div class="post-metadata">

**Author:** ![arjunas](https://avatars.discourse-cdn.com/v4/letter/a/e19b73/32.png) [@arjunas](https://forum.inductiveautomation.com/u/arjunas)\
**Post date:** [December 19, 2019, 1:50am UTC](https://forum.inductiveautomation.com/t/change-mouse-cursor-to-hand-on-mouse-hover/30789/4 "2019-12-19T01:50:30Z")

</div>

Thanks @cmallonee

---

<div class="post-metadata">

**Author:** ![Yash\_Patel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/yash_patel/32/45025_2.png) [@Yash\_Patel](https://forum.inductiveautomation.com/u/Yash_Patel)\
**Post date:** [June 1, 2023, 1:45pm UTC](https://forum.inductiveautomation.com/t/change-mouse-cursor-to-hand-on-mouse-hover/30789/6 "2023-06-01T13:45:12Z")

</div>

Style  
cursor: pointer