Menu
I have a problem with combination of pointer-events: none and cursor: wait. I need to disable clicking and show waiting cursor while ajax is in process. There is a mechanism that automatically adds or removes wait class to body tag. Without pointer-events: none, the wait cursor appears, and when there are both cursor: wait and pointer-events: none, the cursor doesn'change but stays a default arrow.
.wait { cursor:wait; pointer-events: none; } Is there any way to solve this only with css or i must do the trick with a transparent div? Thanks in advance.
946
you can't do this because pointer-events: none; disable all mouse functions, but you can do a trick and wrap your button with a div then use cursor: not-allowed; on this. Work great.
You can simply use the CSS cursor property with the value pointer to change the cursor into a hand pointer while hover over any element and not just hyperlink. In the following example when you place the cursor over the list item, it will change into a hand pointer instead of the default text selection cursor.
Unless you have click listeners on the body itself, show about this?
.wait { cursor:wait; } .wait > * { pointer-events:none; } If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
