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

Asked

Viewed 289 times

3

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>

css css3

1 answer

2


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

  • Plus which one is compatible with all browsers?

  • 1

    @Danilo edited the answer to answer that.

  • I had that question for a while, thanks.

Browser other questions tagged css css3

You are not signed in. Login or sign up in order to post.