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

Scrollbar Colors
Part 2: Using CSS to Change the Scrollbar Colors

By , About.com Guide

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

The Best Web Trends of the Decade

A look back at the best innovations, ideas and technologies over the last 10 years, More >

Family Tech Center

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

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

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

All rights reserved.