title: How to style dragged element
body: <p>There are some events that I can use for handling drag &amp; drop:</p>
  
  <p><a href="https://developer.mozilla.org/en/DragDrop/Drag_and_Drop" rel="nofollow noreferrer">https://developer.mozilla.org/en/DragDrop/Drag_and_Drop</a></p>
  
  <p>there is a <code>drag</code> event, which is fired during the time the element is being dragged. I can control the source element styling or the target droppable container, but how can I style the "ghost" element that's being created by the browser?</p>
  
  <p>I want to remove the "disabled" icon from it when the element is over a non-draggable area and replace it with a "cursor-move" icon</p>
  
  <p>Here's what I have so far:</p>
  
  <p><a href="http://jsfiddle.net/YkaCM/" rel="nofollow noreferrer">http://jsfiddle.net/YkaCM/</a></p>
  
  <p><img src="https://i.stack.imgur.com/7hiK7.png" alt="enter image description here"></p>