Wednesday, September 14, 2011

Setting the Scrollbar Color

To change the color of a scrollbar to fit your website may be done quite easily. However, it should not be a major part of your website's overall design since it may only be viewed in Internet Explorer.
The color scrollbar must be put either in a layer that has overflow set or in the body. Here is an example:

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;

}
 
You may customize the colors as you need. Just change the hexidecimals to the color you wish to use.

No comments:

Post a Comment