Changing the ScrollBar color of the browser for IE

Sometime the scroll bar in the browser doesn't matches with your websites style and design. You may have thought that it would had been nice if you can change the color of the scrollbar so that it becomes matching with your website colors. These are very much likely to happen when you design flexible width websites, which take on the total width of the browsers. So here is the process to change the color of your browser's scrollbars. But this trick works only in IE and not any modern browsers.



You just have to add some lines of CSS in the element, whose scrollbar color you want to change. If you want to change the color of the main scroll bar of the browser, then add these lines to the body tag in the CSS.

body {
scrollbar-arrow-color: #000000;
scrollbar-base-color: #00CCFF;
scrollbar-face-color: #0099FF;
scrollbar-highlight-color: #00CCFF;
scrollbar-shadow-color: #00CCFF;
scrollbar-3dlight-color: #00CCFF;
scrollbar-track-color: #00CCFF;
scrollbar-darkshadow-color: #00CCFF;
}

Now change the colors as per your website design and template. Now you will be happy to see your browser being incorporated within your website to match in looks and style.