title: How can I style horizontal scrollbar by CSS?
body: <p>I styled my vertical scrollbars with the following code: </p>
  
  <pre><code>::-webkit-scrollbar {
    width: 4px;
    border: 1px solid #d5d5d5;
  }
  
  ::-webkit-scrollbar-track {
    border-radius: 0;
    background: #eeeeee;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #b0b0b0;
  }
  </code></pre>
  
  <p>Now, my vertical scrollbar looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/0Rbkh.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0Rbkh.png" alt="enter image description here"></a></p>
  
  <p>However, my horizontal scrollbar looks like this :</p>
  
  <p><a href="https://i.stack.imgur.com/W6dQm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/W6dQm.png" alt="enter image description here"></a></p>
  
  <p>How can I set a 2-4px height for it? </p>