changing scroll bar color using css

Question

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

Answer 1

body { scrollbar-arrow-color: green }

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

See here for a full list - http://www.webdevelopersnotes.com/tips/html/coloring_scrollbars_using_styles_css_properties.php3

Answer 2

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

Answer 3

Have you tried this ?

Cross Browser Custom Scrollbars

Answer 4

how to apply scrollbar to windows mobile application dynamically.not by using property autoscroll=true.plz send any sample code .thank u