Scrollbar track thinner than thumb
<p>I am trying to style a scrollbar using CSS. I want to achieve the following look (ignore the background):</p>
<p><a href="https://i.stack.imgur.com/WwcAF.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WwcAF.png" alt="enter image description here" /></a></p>
<p>In other words, I want the thumb to be thicker than the track, which I only want to be a line.</p>
<p>I have researched this and found solutions for people wanting to do the opposite. That is a thumb smaller than the track, but no way of achieving what I want.</p>
<p>As an alternative option, I have thought of using the border-right property with negative offset, but again no luck. The only outline has offset and outline four-sided.</p>
<p>Any suggestions will be appreciated.</p>