Scrollbar, preferably HTML

[Swaggots]

Im looking to replace the deafult scrollbar here with a white scrollbar like the border of the container.

Anyone have any code or know how to do this?
If you need a preview of my code, just ask.

Thanks,
Swaggots

 

[Khalil]

CSS dude.

I believe it is as so:

::-webkit-scrollbar
{
/* You do this part! */
}

 

[Swaggots]

CSS dude.

I believe it is as so:

::-webkit-scrollbar
{
/* You do this part! */
}

Oh sorry idek why i wrote html. Thanks btw

 

[Khalil]

No problem, though i believe only Chrome supports this, if i remember correctly, i read an article about a jQuery cross-browser solution, you do the rest of the search! Good luck.

 

[Sysode]

Only webkit browsers support this, so in browsers such as firefox and IE you won't see anything different.
If you opt for the CSS only version, here's a style I've used in the past before:

::-webkit-scrollbar{width:12px}
::-webkit-scrollbar-track{
-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2);
border-radius:7px
}
::-webkit-scrollbar-thumb{
border-radius:7px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.4)
}

There is however, a jQuery alternative which is more cross-compatible:

You must be registered for see links