title: change color of scroll bar
body: <p>i want to change style of scroll bar ,for this i used below css ,but i want do use it for specific div on page not for whole page.
  how can i customize it using div class or id</p>
  
  <pre><code>::-webkit-scrollbar {
      width: 12px;
  }
  
  ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
      -webkit-border-radius: 10px;
      border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb {
      -webkit-border-radius: 10px;
      border-radius: 10px;
      background: #A8A8A8; 
      -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
  }
  ::-webkit-scrollbar-thumb:window-inactive {
      background: rgba(255,0,0,0.4); 
  }
  </code></pre>