The difference between cursor: no-drop and not-allowed in CSS

Question

I would like to know the difference between the values no-drop and not-allowed of property cursor of CSS.

span{
  font-size: 30px;
}

.not-allowed{
  cursor: not-allowed;
}

.no-drop{
  cursor: no-drop;
}

<span class="not-allowed">not-allowed</span><br>
<span class="no-drop">no-drop</span><br>

Answer 1

In theory:

not-allowed: Does not allow an action to be executed/called.

no-drop: Informs the browser (and the user - through the visual element) that it is not possible to perform a drag n' drop action.

While visually they may look the same, in functional terms they have this difference.

Depending on the browser, they can even have a different visual effect. In Chrome and firefox (if I’m not mistaken) they are the same, but in IE, it’s different.

Edited:

Here is the complete list of all types of cursors and the browsers they are compatible with: http://www.w3schools.com/cssref/pr_class_cursor.asp