CSS vertical scrollbar padding left/right in UL possible?

Question

Is it possible to add padding or margin around the scrollbar item or scrollbar-track? I\'ve tried and can only get padding top/bottom. Adding padding to the UL has no effe

Answer 1

I created a margin-right effect using border-right on the scrollbar-thumb:

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb {
  background: red;
  border-right: 4px white solid;
  background-clip: padding-box;
}

The scrollbar appears to have width 4px and margin-right 4px.

Here's a fiddle as well: https://jsfiddle.net/4kgvL93h/3/