Sono stato sorpreso di vedere che gli stili di cursore per "no-drop" e "not-allowed" sono di natura identica in CSS. Quindi, perché abbiamo bisogno di entrambi?Qual è la differenza tra no-drop e non consentiti nei CSS?
Anche se possono causare lo stesso effetto sulla maggior parte dei sistemi, sono semanticamente diversi, consentendo al browser e/o al sistema di implementare un'immagine diversa per ogni caso. no-drop implica che l'elemento non implementa l'API drag-and-drop, mentre not-allowed è un termine generico che indica che alcune azioni non sono abilitate sull'elemento.
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>A quanto pare questo è un bug in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=275173. Sono diversi in Internet Explorer. No-drop è una mano con una non consentita accanto ad essa. Vedi http://www.worldtimzone.com/mozilla/testcase/css3cursors.html