JSFiddle - React, Tailwind, and code Playground

by surfine

HTML

<img id="drag1" class="drag" src="http://www.surfixe.com/img/tick2.png" draggable="true" ondragstart="drag(event)" />

CSS

.drag:hover {
	cursor: url(http://www.surfixe.com/img/cursor/openhand.cur),default;
}

.drag:active { 
    cursor: url(http://www.surfixe.com/img/cursor/closedhand.cur);
}

#drp_box {
    display: inline-block;
    padding: 4px 3px 5px 5px;
    height:45px; width: 45px;
    outline: none;
    border: 1px solid #C8BFC4;
    border-radius: 4px;
    box-shadow: inset 1px 1px 2px #ddd8dc;
    background-color: #fff;
	overflow: visible;
}

JavaScript

function drag(ev) {
    $('#drag1').css('cursor', 'pointer');
}