i surprised see cursor styles "no-drop" , "not-allowed" same in nature in css. so, why need them both?
while may cause same effect on systems, semantically different, allowing browser , / or system implement different graphic each case. no-drop
implies element not implement drag-and-drop api, while not-allowed
generic term meaning action not enabled on element.
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 <pre>no-drop</pre> cursor.</div> <div class="not-allowed">this area displays <pre>not-allowed</pre> cursor.</div>