Coloring Your Scrollbars with CSS

To add the scrollbar property rules for the browser scrollbar or the textarea form field scrollbar.

As shown below:

* For the browser scrollbar colors, add the scrollbar property attribute rules to the body element.
* For the textarea scrollbars, add the scrollbar property attribute rules to the textarea element.

Here is the CSS for this,

body {
scrollbar-3dlight-color:#FFD700;
scrollbar-arrow-color:#FFFF00;
scrollbar-base-color:#FF6347;
scrollbar-darkshadow-color:#FFA500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#FF69B4;
scrollbar-shadow-color:#FF00FF;
}

/* CSS rules for the forms scrollbar */

textarea {
scrollbar-3dlight-color:gold;
scrollbar-arrow-color:yellow;
scrollbar-base-color:tomato;
scrollbar-darkshadow-color:orange;
scrollbar-face-color:teal;
scrollbar-highlight-color:hotpink;
scrollbar-shadow-color:magenta;
}