title: How to remove the arrows in a scroll bar through CSS
body: <p>Generally in a scroll bar there will be up and down arrows at both ends in a vertical scroll bar. </p>
  
  <p>Is there anyway to remove it so that only the scroll bar appears and not the arrows at both ends. Below is my CSS:</p>
  
  <pre><code>.scrollbar-vertical
  {
      top: 0;
      right: 0;
      width: 17px;
      height: 100%;
      overflow-x: hidden;
      scrollbar-3dlight-color:#999;
      scrollbar-arrow-color:white;
      scrollbar-base-color:white;
      scrollbar-face-color:#999;
      border-radius:5px 5px; 
  }
  </code></pre>