HTML Notebook


Q: How do you change the color of the windows scrollbar?



A: With Style! :)

Seriously though, you'll need to use a Style Sheet.
This can either be an external .css style sheet, or you can embed it into the page you want to change. I reccomend the external style sheet, just in case you want to change the colors, you can make one change and effect all pages.

There are 2 ways to do this:

1. The shortcut:

BODY {
          SCROLLBAR-BASE-COLOR: #FFCC31;
        }


If your using a CSS enabled browser, you'll see a big yellow scrollbar to your right.

Or

2. The Long Way:


scrollbar-arrow-color:#008800;
scrollbar-track-color:#FFFF00 (or just YELLOW);
scrollbar-3dlight-color:#0000FF(or just BLUE);
scrollbar-highlight-color:#00FF00(or just GREEN);
scrollbar-darkshadow-color:#C0C0C0(or just GREY);
scrollbar-shadow-color:#FFFFFF(or just WHITE);
scrollbar-face-color: #FF0000(or just RED);