Barra de rolagem colorida

scrollbar

 

Alguns websites, inclusive aqui no It’s Lizzie, possuem a barra de rolagem (scrollbar) colorida. Infelizmente, esse metodo só funciona com o Google Chrome & Opera.

 

::-webkit-scrollbar
 {width: 10px; height: 10px;}
 ::-webkit-scrollbar-track-piece
 {background-color: #233B59; -webkit-border-radius: 3px;} /*A cor do fundo principal*/
 ::-webkit-scrollbar-thumb:vertical
 {height: 5px; background-color: #fff; -webkit-border-radius: 3px;} /*A cor da rolagem*/
 ::-webkit-scrollbar-thumb:horizontal
 {width: 5px; background-color: #fff; -webkit-border-radius: 3px;} /*A cor da rolagem*/