All geek questions in one place

What is the difference between undo and invalid CSS?

I was surprised to see that the cursor styles for "no-drop" and "not-allowed" are the same in nature in CSS. So why do we need them?

+6
source share
2 answers

Although they can have the same effect on most systems, they are semantically different from each other, allowing the browser and / or system to implement different graphics for each case. no-drop implies that the element does not implement the drag-and-drop API, and not-allowed is a general term meaning that some action is not involved in the 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 the <pre>no-drop</pre> cursor.</div> <div class="not-allowed">This area displays the <pre>not-allowed</pre> cursor.</div>
+4
source

Apparently this is a bug in Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=275173 . In Internet Explorer, they are different. No-drop is a hand with an invalid next to it. See http://www.worldtimzone.com/mozilla/testcase/css3cursors.html

0
source

Source: https://habr.com/ru/post/986102/

More articles:


All Articles