What is the difference between cursor: no-drop and not-allowed in CSS

Question

What is the difference between cursor: no-drop and not-allowed in CSS

Navigation

#1 by (2 votes)

3

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

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>

css css3

asked by anonymous 24.11.2015 / 17:22

1 answer

How to force read all the results in REST on a page? Repeat loop with paired and sequential output

score 2 · Accepted Answer

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 may even have a different visual effect. In chrome and firefox (if I'm not mistaken) are the same, but already in IE, it's different.

Edited:

Here is the complete list of all the types of cursors and the browsers they support: link