Reputation: 793

changing scroll bar color using css

can we give different color to scroll bar face color and arrow background ?

right now if I apply " scrollbar-face-color " it is applying to both arrow background as well as scroll bar thump

is there any way to Set the color for the scroll bar slider and the boxes that contain the scrollbar arrows differently

Upvotes: 2

Answers (3)

Reputation: 449

Have you tried this ?

Upvotes: 1

Reputation: 187050

You can't do this in a cross browser way. Use custom elements and apply CSS and javascript to act like scrollable areas.

Upvotes: 1

Reputation: 7056

body { scrollbar-arrow-color: green }

I think that only IE supports coloured scrollbars by the way.

Upvotes: 1