title: CSS pointer events and cursor style
body: <p>I have a problem with combination of <code>pointer-events: none</code> and <code>cursor: wait</code>. I need to disable clicking and show waiting cursor while ajax is in process. There is a mechanism that automatically adds or removes <code>wait</code> class to <code>body</code> tag. Without <code>pointer-events: none</code>, the wait cursor appears, and when there are both <code>cursor: wait</code> and <code>pointer-events: none</code>, the cursor doesn'change but stays a default arrow.</p>
  
  <pre><code>.wait {
      cursor:wait;
      pointer-events: none;
  }
  </code></pre>
  
  <p>Is there any way to solve this only with css or i must do the trick with a transparent <code>div</code>?
  Thanks in advance.</p>