Sự khác biệt giữa không thả và không được cho phép trong CSS là gì?

Question

Tôi rất ngạc nhiên khi thấy rằng các kiểu con trỏ cho "không thả" và "không được phép" có cùng tính chất trong CSS. Vì vậy, tại sao chúng ta cần cả hai?

Answer 1

Mặc dù chúng có thể gây ra hiệu ứng tương tự trên hầu hết các hệ thống nhưng chúng khác nhau về mặt ngữ nghĩa, cho phép trình duyệt và/hoặc hệ thống triển khai đồ họa khác nhau cho từng trường hợp. no-drop ngụ ý rằng phần tử không triển khai API kéo và thả, trong khi not-allowed là một thuật ngữ chung có nghĩa là một số hành động không được bật trên phần tử.

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

Rõ ràng đây là một lỗi trong Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=275173. Chúng khác nhau trong Internet Explorer. Không thả là một bàn tay với một không được phép bên cạnh nó. Xem http://www.worldtimzone.com/mozilla/testcase/css3cursors.html