Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

Scrollbar Colors

Part 2: Using CSS to Change the Scrollbar Colors

By Jennifer Kyrnin, About.com

So, you've decided that you don't need to write valid XHTML or CSS, and you really want to change the colors of the scrollbar for your Internet Explorer and Konqueror customers. There are seven CSS properties you can use to do this:

  • scrollbar-base-color:;
  • scrollbar-face-color:;
  • scrollbar-track-color:;
  • scrollbar-3dlight-color:;
  • scrollbar-highlight-color:;
  • scrollbar-arrow-color:;
  • scrollbar-darkshadow-color:;
  • scrollbar-shadow-color:;

These style properties can be used for more than just the scrollbar on the right side of the browser window. You can color the scrollbars in an iframe, in a textarea box, or even in a frameset. You just need to put your properties in a class and set that class on the element you want changed.

See how it looks

First page > Using CSS to Keep Your Scrollbars Standard > 1, 2

Previous Features

Explore Web Design / HTML

About.com Special Features

Build Your Own Website

Step-by-step advice on how to do everything from choosing a Web host to promoting your content. More >

Connect Your Home Computers

Easy ways to connect two computers for networking purposes. More >

Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2009 About.com, a part of The New York Times Company.

All rights reserved.