Change size of scrollbar thumb with CSS

Question

I want to get a scrollbar with a thumb larger than the track. I can change the color, the opacity, everything, but I don\'t know how to change the size of the thumbs and the

Answer 1

You can setup your size using width in ::-webkit-scrollbar.

I don't think it is possible to set separately the thumb and track size.

http://jsfiddle.net/rvcfmun7/

.test {
    overflow: auto;
    background gray ;
    max-height: 500px;
    width: 400px;
}

.test::-webkit-scrollbar{
    width: 20px;
}

.test::-webkit-scrollbar-track{
    background: rgb(41,41,41);
}
::-webkit-scrollbar-thumb{
    width: 15px;
    background: rgb(111,111,111);
}