title: Change scrollbar color on hover CSS
body: <p>I'm trying to change the scrollbar color on hover in my application and for some reason, when i hover over it, it becomes red. Here's my code: </p>
  
  <pre><code>    .scroller {
  position: absolute;
  top: 120px;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin-bottom: 10px;
  overflow: auto;
  </code></pre>
  
  <p>}   </p>
  
  <pre><code>    .scrooler:hover{  
        color: blue;
      }
  </code></pre>
  
  <p>With this code, all it does is as soon as I hover over my table, all the text becomes blue. i'm having a hard time getting only the scrollbar since I think it is directly within the table. Is there any way of targeting the scrollbar only?</p>