Custom Scroll Bar for Div with pure CSS

Question

Is there a way to customize a scrollbar with only CSS that effects a specific div and not everything in the entire page?

I have found that I can use ::-webkit-scrollbar In order to change the style of a scrollbar, but this affects every scrollbar on the page.

I'm looking for a purely CSS way of styling a specific scroll bar on the page.

Is this possible?

score 2 · Accepted Answer · answered Feb 18 '12 at 08:02

2

It certainly is. All you have to do is keep in mind that ::-webkit-scrollbar is a pseudo-class, and as such, can be used like this:

div.foo::-webkit-scrollbar { ... }

answered Feb 18 '12 at 08:02

joshnh

1

Ah sweet. Exactly what I needed. Thank you much kind sir! – Roozbeh15 Feb 19 '12 at 03:55
I having the issue . what is the div.foo ? what is div and what is foo ? – Human Being Jan 10 '13 at 12:47

1 Answers1