JSFiddle - React, Tailwind, and code Playground

HTML

<p id='zero' style='cursor: url(http://www.cuttherope.ie/cursors/cursorActive.cur), pointer;'>No hot spot</p>
<p id='pos' style='cursor: url(http://www.cuttherope.ie/cursors/cursorActive.cur) 0 0, pointer;'>Hotspot 0,0</p>
<p id='pos' style='cursor: url(http://www.cuttherope.ie/cursors/cursorActive.cur) 20 1, pointer;'>Hotspot 20 1</p>
<p id='neg' style='cursor: url(http://www.cuttherope.ie/cursors/cursorActive.cur) -20 1, pointer;'>Hotspot -20 1</p>
<p id='neg' style='cursor: url(http://www.cuttherope.ie/cursors/cursorActive.cur) 100 1, pointer;'>Hotspot 100 1</p>
<p id='log'></p>

JavaScript

function log(line)
{
  document.getElementById('log').innerHTML += line + '<br>\n';   
}
function readHotSpot(id)
{
    var e = document.getElementById(id);
    log(id + ' cssText: ' + e.style.cssText);
    log(id + ' cursor: ' + e.style.cursor);
}

readHotSpot('pos');
readHotSpot('neg');