The below mentioned are the CSS style properties that associated with the Scrollbar Color:
scrollbar-face-color
scrollbar-arrow-color
scrollbar-track-color
scrollbar-shadow-color
scrollbar-highlight-color
scrollbar-3dlight-color
scrollbar-darkshadow-Color
The first three items are the most important among them.
scrollbar-face-color - Sets the color for the scroll bar slider and the boxes that contain the scrollbar arrows
scrollbar-arrow-color - Sets the scroll bar arrow color
scrollbar-track-color - Sets the color for scroll bar track
scrollbar-3dlight-color - Sets the scroll bar 3D light color
scrollbar-highlight-color - Sets the scroll bar highlight color
scrollbar-shadow-color - Sets the scroll bar shadow color
scrollbar-darkshadow-color - Sets the scroll bar dark shadow color
Example:
HTML Code:
body
{
scrollbar-face-color: #FF00FF;
scrollbar-shadow-color: #0AB0FF;
scrollbar-highlight-color: #00FF00;
scrollbar-3dlight-color: #FF00FF;
scrollbar-darkshadow-color: #00FFFF;
scrollbar-track-color: #FFCC00;
scrollbar-arrow-color: #000000;
}
The scrollbar CSS properties are NOT W3C valid. Mozilla FireFox doesn't support these properties.
Bookmarks