scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-base-color, scrollbar-darkShadow-color, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color, scrollbar-track-color | NN n/a IE 5.5(Win) CSS n/a
| Inherited: No
Controls the colors for specific components of a scrollbar user interface element associated with scrollable elements. The following table describes which pieces of a scroll bar are controlled by each attribute. You can experiment with combinations of multiple scroll bar pieces and colors.
Attribute | Description
--- | ---
scrollbar-3dlight-color | Top and left edges of the scroll slider and arrow button boxes
scrollbar-arrow-color | Arrows inside arrow button boxes
scrollbar-base-color | Overall hue of the scroll bar
scrollbar-darkshadow-color | Right and bottom edges of the scroll slider and arrow button boxes
scrollbar-face-color | Forward flat surfaces (e.g., front-facing panel of slider) and alternating pixels of the track
scrollbar-highlight-color | Normally white pixels that create 3-D effects, plus alternating pixels of the track
scrollbar-shadow-color | Slighlty thicker edges controlled by scrollbar-darkshadow-color
scrollbar-track-color | Entire track, as solid version of specified color
CSS Syntax
    scrollbar-3dlight-color:color
    scrollbar-arrow-color: color
    scrollbar-base-color: color
    scrollbar-darkshadow-color: color
    scrollbar-face-color: color
    scrollbar-highlight-color: color
    scrollbar-shadow-color: color
    scrollbar-track-color: color
Value
CSS color values.
Initial Value
Varies with user Display control panel settings.
Example
    textarea {scrollbar-face-color: lightyellow}
Applies To
applet, bdo, body, custom, div, embed, object, and textarea elements.
Object Model Reference
    [window.]document.getElementById("elementID").style.scrollbar3dLightColor
    [window.]document.getElementById("elementID").style.scrollbarArrowColor
    [window.]document.getElementById("elementID").style.scrollbarBaseColor
    [window.]document.getElementById("elementID").style.scrollbarDarkShadowColor
    [window.]document.getElementById("elementID").style.scrollbarFaceColor
    [window.]document.getElementById("elementID").style.scrollbarHighlightColor
    [window.]document.getElementById("elementID").style.scrollbarShadowColor
    [window.]document.getElementById("elementID").style.scrollbarTrackColor