21 April 2008 - Posted in CSS
Change the colors of scrollbars with CSS
To change the color of a scrollbar we use CSS. If you are using a stylesheet then simply add this code changing the values in red with the appropriate color code (color codes can be found here)
body {
scrollbar-3dlight-color:color;
scrollbar-arrow-color:color;
scrollbar-base-color:color;
scrollbar-darkshadow-color:color;
scrollbar-face-color:color;
scrollbar-highlight-color:color;
scrollbar-shadow-color:color;
}
If you are not using a stylesheet then add this between the <head> and </head> tags in the html document.
<style type="text/css">
body {
scrollbar-3dlight-color:color;
scrollbar-arrow-color:color;
scrollbar-base-color:color;
scrollbar-darkshadow-color:color;
scrollbar-face-color:color;
scrollbar-highlight-color:color;
scrollbar-shadow-color:color;
}
</style>
