title: CSS scrollbar not working outside of Chrome?
body: <p>I'm using this CSS code in order to customize my scroll bar style:</p>
  <pre><code>::-webkit-scrollbar {
        width: 8px;
  } /* this targets the default scrollbar (compulsory) */
  
  ::-webkit-scrollbar-track {
        background-color: black;
  } /* the new scrollbar will have a flat appearance with the set background color */
   
  ::-webkit-scrollbar-thumb {
        background-color: #59e5f6;
        border-radius: 10px;
  } /* this will style the thumb, ignoring the track */
   
  ::-webkit-scrollbar-button {
        background-color: black;
  } /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
   
  ::-webkit-scrollbar-corner {
        background-color: black;
  } /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */
  
  body {
      scrollbar-face-color: black;
  }
  </code></pre>
  <p>It works great on Chrome, but not other browsers.</p>
  <p>Do you have any idea how to fix that?</p>