webkit scrollbar with transparent background
<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>