Applying multiple CSS styles to webkit scrollbars

Asked Oct 01 '14 at 18:35

Active Oct 01 '14 at 18:35

Viewed 559 times

I know that we can style the webkit scrollbar like so: http://css-tricks.com/custom-scrollbars-in-webkit/

However, this applies the scrollbar style to the main browser window and all elements within it (ie: Scrollable DIV's, select boxes, etc...)

Is there a way to apply different scrollbar styles to different elements? For example, let's say I want the scrollbar of a DIV to be different than the scrollbar of the main window. Can I do anything like:

DIV::-webkit-scrollbar {
   background:#ff0000;
}

(This doesn't work but perhaps you'll understand what I'm looking to do)

asked Oct 01 '14 at 18:35

Andrew

2,691
6
31
47

possible duplicate of [Multiple custom scrollbars](http://stackoverflow.com/questions/15325322/multiple-custom-scrollbars) – TylerH Oct 01 '14 at 18:46
possible duplicate of http://stackoverflow.com/q/7743840/2039750 – Pratik Patel Dec 18 '14 at 06:02

Applying multiple CSS styles to webkit scrollbars

0 Answers0