Scrollbox Color

This page contains scrollbox color code and examples. You can copy/paste this HTML code into your website or blog.

Just like with any other HTML element, you can set the background color, the color of the text, and other properties. Here are some of the more common ways of setting the color of HTML scrollboxes.

Background Color

To change the background color of your scrollbox, use the CSS background-color property. Example:

Source CodeResult
Use the CSS 'background-color' property to change the background color of your HTML scrollboxes.

Text Color

You can also change the text color within your scrollbox. To do this, use the CSS color property. Example:

Source CodeResult
Use the CSS 'color' property to change the color of the text within your HTML scrollbox.

Scrollbar Color

You can even change the color of the scrollbars. To do this, use the scrollbar-base-color property.

Note that the scrollbar-base-color property is not an official CSS property and only works on some browsers. If the following example doesn't seem to work for you, it's probably because your browser doesn't support the scrollbar-base-color property. Try Internet Explorer if you have it.

Example:

Source CodeResult
Use the CSS 'scrollbar-base-color' property to change the color of the scrollbars attached to your HTML scrollboxes.

Border Color

You can change the border color of your scrollbox using the CSS border property. When you do this, you also need to specify how wide the border is and the style of the border. More about scrollbox borders.

Example:

Source CodeResult
Use the CSS 'border' property to change the color of the borders around your HTML scrollbox.

More Colors

Here's more about colors in HTML. You can also check out these color scheme combinations to choose a color scheme for your scrollbox.

About HTML.am

HTML.am was created in order to provide HTML tools, codes, tutorials, and other resources to help webmasters create and maintain their HTML documents.

HTML.am aims primarily at beginners, but may also be useful to web professionals.

About the HTML Codes

The HTML codes on this website are provided free of charge, for you to use however you wish. Feel free to modify the code to suit your own needs.

Need Hosting?

Our partner site ZappyHost provides website hosting, domain names and related products at some of the best prices on the web. If you need web hosting, check them out!