title: Custom CSS Scrollbar for Firefox
body: <p>I want to customize a scrollbar with CSS.</p>
  <p>I use this WebKit CSS code, which works well for Safari and Chrome:</p>
  <pre class="lang-css prettyprint-override"><code>::-webkit-scrollbar {
    width: 15px;
    height: 15px;
  }
  
  ::-webkit-scrollbar-track-piece {
    background-color: #c2d2e4;
  }
  
  ::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #0a4c95;
  }
  </code></pre>
  <p>How can I do the same thing in Firefox?</p>
  <p>I know I can easily do it using jQuery, but I would prefer to do it with pure CSS if it's doable.</p>