Стиль полосы прокрутки css в Google Chrome (-webkit)

Question

Может кто-нибудь, пожалуйста, помогите мне? Я хочу сделать простой стиль для полосы прокрутки. Я нашел некоторую информацию в Интернете и попробовал, но кажется, что это не работает по некоторым причинам. Полоса прокрутки отлично выглядит при обновлении страницы, но как только вы касаетесь полосы прокрутки, она сходит с ума. Он заполняется множеством цветов, и вы не можете понять, что это полоса прокрутки.

Вот как это выглядит, прежде чем прикоснуться к ней - http://i40.tinypic.com/a2evro.png

Вот как это выглядит после того, как вы прикоснуться к ней - http://i44.tinypic.com/qzkirn.png

Вот код, который я поставил в CSS:

::-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); } 

Спасибо вы все. Приветствия. Alex

Answer 1

Here is an example that works:

::-webkit-scrollbar { 
    height: 12px; 
    width: 12px; 
    background: #000; 
} 

::-webkit-scrollbar-thumb { 
    background: #393812; 
    -webkit-border-radius: 1ex; 
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75); 
} 

::-webkit-scrollbar-corner { 
    background: #000; 
} 

Или вы можете использовать jScrollPane.