title: Webkit scrollbar CSS, always a white box in corner
body: <p>Is there any way to avoid the default white box that appears on a custom styled webkit scroll bar?</p>
  
  <p>The white box only appears when overflow is going both horizontally and vertically. (Using Google Chrome)</p>
  
  <p>Edit: I have tried setting <code>body</code> background to a different colour - still only seeing a white box.</p>
  
  <p>Screenshot:
  <a href="https://i.stack.imgur.com/P6b7f.png" rel="noreferrer"><img src="https://i.stack.imgur.com/P6b7f.png" alt="enter image description here"></a></p>
  
  <p>CSS:</p>
  
  <pre><code>::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(0,0,0,0.35);
  }
  ::-webkit-scrollbar-corner {
    background: #0c0c0c;
  }
  </code></pre>