title: Change cursor image on scrollbar in chrome
body: <p>I need to change custom cursor for scrollbar in Chrome. I have lightbox which has set custom cursor with big X and Close text. Problem is that in chrome the cursor definition is inherited by the scrollbar as well, which looks a bit funny. </p>
  
  <p>See the fiddle:</p>
  
  <pre><code>&lt;div class="below"&gt;
      &lt;div class="full"&gt;
           &lt;div class="scrollable"&gt;long text&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.full{
      position:fixed;
      background:red;
      height:100%;
      width:80%;
      overflow-y:scroll;
      cursor: url('cursor.cur'),not-allowed;
  }
  .scrollable{
      padding:1em;
      background:white;
      position:relative;
      display:block;
      width:80%;
      margin:50px auto;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/3fY9r/1/" rel="noreferrer">http://jsfiddle.net/3fY9r/1/</a></p>
  
  <p>is there any way how to trigger the scrollbar only and change the appearance back to default cursor?</p>