JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Test</a>

CSS

html {
    min-width: 100%;
    min-height:100%;
    cursor: url(../img/cursor.png), auto;
}
body {
    background-color: black;
    cursor: url(../img/cursor.png), auto;
}
a:hover, a:active, a:visited {
    cursor: url(http://0.tqn.com/d/webdesign/1/0/5/I/1/cursor_pointer.gif), auto;
}

JavaScript

var elms = document.getElementsByTagName("*");
    var n = elms.length;
    for (var i = 0; i < n; i++) {
        if (window.getComputedStyle(elms[i]).cursor == "pointer") {
            elms[i].style.cursor = "url(../img/cursor.png)";
        }
    }