title: Transparent scrollbar with css
body: <p>Now use this code (and many variations of this), but scroll track get dark-grey color, something like #222222 or near this. Find many examples, but all of them give same result. Opera, Chrome and Firefox show this bug. How to fix?</p>
  
  <pre class="lang-css prettyprint-override"><code>#style-3::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: transparent;
  }
  
  #style-3::-webkit-scrollbar {
      width: 6px;
      background-color: transparent;
  }
  
  #style-3::-webkit-scrollbar-thumb {
      background-color: #000000;
  }
  </code></pre>