title: Style the scrollbar with css in Google Chrome (-webkit)
body: <p>Can somebody please help me? I want to do a simple style for the scrollbar. I found some information on the internet and tried it, but it seems that it doesn't really work for some reasons. The scrollbar looks fine when refreshing the page, but as soon as you touch the scrollbar it goes crazy. It fills with a lot of colours and you can't understand that that is a scrollbar.</p>
  
  <p>Here how it looks before you touch it - <a href="http://i40.tinypic.com/a2evro.png">http://i40.tinypic.com/a2evro.png</a> </p>
  
  <p>Here how it looks after you touch it - <a href="http://i44.tinypic.com/qzkirn.png">http://i44.tinypic.com/qzkirn.png</a></p>
  
  <p>Here is the code that I put in css:</p>
  
  <pre><code>::-webkit-scrollbar {
  width: 16px;
  height: 16px; }
  
  ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07); }
  </code></pre>
  
  <p>Thank you all. Cheers. Alex</p>