title: webkit scrollbar with transparent background
body: <p>I have a little list with content, that I want to make with <code>max-height</code> and scrollbar, but there is one problem. I want to make it a custom scrollbar. There's is my <a href="https://jsfiddle.net/Lfygvv3t/2/" rel="nofollow noreferrer"><strong>JSFiddle</strong></a>. I can't set a transparent background and track color</p>
  
  <p>There is my Scrollbar CSS</p>
  
  <pre><code>.uploaded-files::-webkit-scrollbar{
      -webkit-appearance: none;
      width: 11px;
  }
  
  .uploaded-files::-webkit-scrollbar-track{
      margin: 7px 0;
  }
  
  .uploaded-files::-webkit-scrollbar-thumb{
      border-radius: 12px;
      border: 4px solid rgba(255,255,255,0);
      background-clip: content-box;
      background-color: #a0a0a0;
  }
  </code></pre>
  
  <p>I want to make a scrollbar, like this in this image</p>
  
  <p><a href="https://i.stack.imgur.com/7E5d2.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7E5d2.jpg" alt="enter image description here"></a></p>
  
  <p>Any solutions?</p>