Scroll Box Color

Here are copy/paste examples of HTML scroll boxes with color added. Feel free to use the code on this page for your own website. You can also change the values to suit.

Background Color

This example changes the background color of the scroll box. In HTML, you change background color using the CSS background-color property:

HTML Code:

CodeResult

We have added a background color to this HTML scroll box. This is done using the CSS 'background-color' property.

Text Color

In this example, we also change the color of the text within the scroll box (as well as the background color). Text color is changed using the CSS color property:

HTML Code:

CodeResult

We have changed the color of the text inside this scroll box. We did this using the CSS 'color' property.

Scrollbar Color

In this example, we change the color of the scroll bars. This is done using the 'scrollbar-base-color' property.

Note that this won't work on all browsers. It should work on Internet Explorer version 5.5 and above, but at the time of writing, it doesn't work in Firefox. So, if you're viewing this page with Firefox, this scrollbar won't have changed color. More about about colored scrollbars:

HTML Code:

CodeResult

We have changed the color of the scroll bars of this scroll box. We did this using the CSS 'scrollbar-base-color' property.

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites

Check a Domain:

ZappyHost Logo
Webydo Banner Ad
Webydo Banner Ad