Would it be possible to make sure that when a cursor hovers over a certain area, it would not change to "hand"?

Question

In this link, the desired result would be that when the cursor hovers over the legend, the mouse would not change to hand. How can I achieve it?

I am not sure, but would something like this be useful?

window.setTimeout("document.body.style.cursor = 'hand';", 2000);

Use CSS to specify the cursor type when hovering over the legend. — Barmar, Mar 26 '18 at 07:11
Possible duplicate of [How can I make the cursor a hand when a user hovers over a list item?](https://stackoverflow.com/questions/3087975/how-can-i-make-the-cursor-a-hand-when-a-user-hovers-over-a-list-item) — sabithpocker, Mar 26 '18 at 07:13
I recommend this post from CSS tricks: https://css-tricks.com/using-css-cursors/ — t3__rry, Mar 26 '18 at 07:18

score 1 · Accepted Answer · answered Mar 26 '18 at 07:14

1

You can do it with a bit of css.

g.highcharts-legend, g.highcharts-legend-item tspan{
  cursor:crosshair
}

(Ive used crosshair just for demonstration, you can chose any value)

answered Mar 26 '18 at 07:14

Jamiec

score 0 · Answer 2 · answered Mar 26 '18 at 07:20

0

You can also apply this css:

.inactive-link {
   pointer-events: none;
   cursor: default;
}

answered Mar 26 '18 at 07:20

2 Answers2