IE Scrollbar Colors

Changing the color of scrollbars for Internet Explorer may very well be the oldest trick in the book. In fact, this post exists mostly for the sake of prosperity, as we here at Perishable Press strive to eliminate our entire offline library of website design notes by transferring them to the World Wide Web. Although library conversion requires time, patience, and determination, changing the color of IE scrollbars is relatively simple. Simply associate these CSS rules to the (X)HTML documents desiring unique scrollbar colors:

/* produces a stylish black scrollbar with light-grey highlights */
* html body {
   scrollbar-face-color: #000;
   scrollbar-shadow-color: #808080;
   scrollbar-highlight-color: #808080;
   scrollbar-3dlight-color: #000;
   scrollbar-darkshadow-color: #000;
   scrollbar-track-color: #000;
   scrollbar-arrow-color: #808080;
}

/* produces a stylish grey scrollbar with off-white highlights */
* html body {
   scrollbar-face-color: #889B9F;
   scrollbar-shadow-color: #3D5054;
   scrollbar-highlight-color: #C3D6DA;
   scrollbar-3dlight-color: #3D5054;
   scrollbar-darkshadow-color: #85989C;
   scrollbar-track-color: #95A6AA;
   scrollbar-arrow-color: #FFD6DA;
}