Changing colour of scrollbar on div

reefoid · 21 Aug 2010 at 14:11

Anyone know if its possible to change the colour of the scrollbar when using overflow:auto on a div? I'm sure I've seen some code, possibly JS, that does this but the only stuff I can find now is a CSS hack for IE. I'd like to implement a black scrollbar across all browsers if possible.

Tripnologist · 21 Aug 2010 at 14:28

I've used jScrollPane in the past and it works fine.

Makhaira · 21 Aug 2010 at 14:51

Change to overflow:scroll, and then you should be able to customise the scrollbar using the scrollbar- set of CSS attributes.

Tripnologist · 21 Aug 2010 at 14:56

Makhaira said:
Change to overflow:scroll, and then you should be able to customise the scrollbar using the scrollbar- set of CSS attributes.

I bet you that you cannot show me where in the CSS spec, scrollbar- is covered.

reefoid · 21 Aug 2010 at 15:36

Makhaira said:
Change to overflow:scroll, and then you should be able to customise the scrollbar using the scrollbar- set of CSS attributes.

Unfortunately this is not valid CSS, and as far as I know will only work in IE.

Tripnologist said:
I've used jScrollPane in the past and it works fine.

Looks like it to could do the trick, will take a look.

Thanks.