CSS 中 no-drop 和 not-allowed 有什么区别？

Question

我惊讶地发现 "no-drop" 和 "not-allowed" 的光标样式在 CSS 中本质上是相同的。那么，为什么我们都需要它们？

Answer 1

虽然它们可能对大多数系统造成相同的影响，但它们在语义上是不同的，允许浏览器和/或系统为每种情况实现不同的图形。 no-drop 表示该元素未实现拖放操作 API，而 not-allowed 是一个通用术语，表示该元素未启用某些操作。

div {
  padding: 5px;
  margin: 5px;
}

pre {
  display: inline-block;
  background-color: #DDDDDD;
}

.no-drop {
  background-color: #DD22DD;
  cursor: no-drop;
}

.not-allowed {
  background-color: #DDDD22;
  cursor: not-allowed;
}

<div class="no-drop">This area displays the <pre>no-drop</pre> cursor.</div>

<div class="not-allowed">This area displays the <pre>not-allowed</pre> cursor.</div>

Answer 2

显然这是 Firefox 中的错误：https://bugzilla.mozilla.org/show_bug.cgi?id=275173 . They are different in Internet Explorer. No-drop is a hand with a not allowed next to it. See http://www.worldtimzone.com/mozilla/testcase/css3cursors.html

CSS 中 no-drop 和 not-allowed 有什么区别？

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

html

css

stylesheet