Я пытаюсь настроить пользовательскую полосу прокрутки, которая работает в Chrome и Safari. Я пробовал следующий CSS:

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    background-color: rgba(100, 100, 100, .5);
    width: 15px;
}

::-webkit-scrollbar-thumb {
    background-color: #818B99;
    border-radius: 9px;
    width: 9px;
}

Однакоwidth на-webkit-scrollbar-thumb игнорируется. Я бы хотел, чтобы большой палец был тоньше дорожки, как указано выше.

Похоже, что я могу подделать ширину, установив границу на-webkit-scrollbar-thumb 3px с тем же цветом, что и дорожка, однако это работает только с непрозрачным фоновым цветом, и мне нужно, чтобы он работал с прозрачным цветом для дорожки, как указано выше.

Пример jsfiddle:http://jsfiddle.net/L6Uzu/1/