title: Is it possible to have different styles for top and bottom WebKit scrollbar buttons?
body: <p>I want to make a WebKit scrollbar that has different border-radius for top and bottom buttons, like this:</p>
  
  <p><img src="https://i.stack.imgur.com/fgQJV.png" alt="scrollbar">
  <br></p>
  
  <p>This is the CSS at the moment for the buttons:</p>
  
  <pre><code>::-webkit-scrollbar-button
  {
    border-bottom-left-radius: 8.5px;
    border-bottom-right-radius: 8.5px;
  }
  </code></pre>
  
  <p>but this makes both buttons have curved bottom corners.</p>
  
  <p>Is there a way to do this (preferrably with CSS only)?</p>