title: Change my cursor pointer to a custom cursor
body: <p>I saw this topic but it wasn't of any help: "html, css - cursor - how to change default image for pointer".</p>
  
  <p>Is there any way I can use CSS to resolve this issue, b/c I'm not allowed to use JScript on someone else's website where I am configuring my profile on. I can only use CSS Markup and HTML Markup. There can't be a way to use JScript in the CSS Markup, right?</p>
  
  <p>Description: When the arrow cursor is over other elements, the pointer cursor pops in and I need that pointer cursor changed to a custom cursor.</p>
  
  <p>This is the cursor I want:</p>
  
  <p><img src="https://i.stack.imgur.com/jf0GK.png" alt="enter image description here"></p>
  
  <p>What may work, but I don't how to put it in my code below and nor do I know what to replace (my_cursor.svg) with: body {   cursor: url(my_cursor.svg), auto; }</p>
  
  <pre><code>body , html { 
      height: 100%; 
      width: 100%; 
      padding: 0; 
      margin: 0; 
      background: #000 url('http://1hdwallpapers.com/wallpapers/undead_dragon.jpg') no-repeat fixed center;  
      background-size:contain; 
      cursor: url('http://www.rw-designer.com/cursor-view/21962.png'), url('cute25.cur'), help; 
  }
  
  div#mask { 
      cursor: not-allowed;
      z-index: 999; 
      height: 100%; 
      width: 100%; 
  }
  </code></pre>