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 Code | Result |
|---|---|
|
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 Code | Result |
|---|---|
|
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 Code | Result |
|---|---|
|
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 Code | Result |
|---|---|
|
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.