how to change cursor in css on hover

                                    /* I am using buttion id test. You can use whatever you want*/
/* If you want default cursors, use */
#test:hover{
  cursor: pointer /* etc*/;
}
/* If you want custom cursors, use */
#test:hover{
  cursor: url(default.png) /* the default is your photo*/;
}

                                    /* All differents cursors */
/* See https://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor */
/* to test them all */
cursor: alias
cursor: all-scroll;
cursor: auto;
cursor: cell;
cursor: context-menu;
cursor: col-resize;
cursor: copy;
cursor: crosshair;
cursor: default;
cursor: e-resize;
cursor: ew-resize;
cursor: grab;
cursor: grabbing;
cursor: help;
cursor: move;
cursor: n-resize;
cursor: ne-resize;
cursor: nesw-resize;
cursor: ns-resize;
cursor: nw-resize;
cursor: nwse-resize;
cursor: no-drop;
cursor: none;
cursor: not-allowed;
cursor: pointer;
cursor: progress;
cursor: row-resize;
cursor: s-resize;
cursor: se-resize;
cursor: sw-resize;
cursor: text;
cursor: url(myBall.cur),auto;
cursor: w-resize;
cursor: wait;
cursor: zoom-in;
cursor: zoom-out;

                                    <style type="text/css">
body {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=135466);}
</style>
<a href="http://www.rw-designer.com/cursor-set/nagito-komaeda"
title="Get free cursors for your web.">Nagito Komaeda Cursors</a>