Save 10% on our Pro WordPress plugins with discount code: 10PERCENT
Web Dev + WordPress + Security

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;
}

Update! You can see some of these CSS rules in place during the showcase of my exclusive X Theme here at Perishable Press. Just check out any code snippet that is wider than the available space, like on this post for example.

Jeff Starr
About the Author
Jeff Starr = Web Developer. Book Author. Secretly Important.
WP Themes In Depth: Deep dive into WP theme development.
Welcome
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience. Here you will find posts about web development, WordPress, security, and more »
USP Pro: Unlimited front-end forms for user-submitted posts and more.
Thoughts
Working on a new book :)
LinkedIn decided to replace my highly rated video course on WP security. For a limited time the course is still available to *logged-in* users via direct URL.
I enjoy listening to original Star Trek and NG episodes while working online. After a while it feels like I’m working on the ship as part of the crew, going on adventures.
New version (2.6) of my shapeSpace starter theme now available! Always free & open source for everyone :)
Finished updating all of my books! As always, book owners can download the latest versions for FREE :)
W3C.org has a very thorough list of accessibility tools.
The more you wake up, the more you realize you are still asleep.
Newsletter
Get news, updates, deals & tips via email.
Email kept private. Easy unsubscribe anytime.