CSS Scrollbars | CSS: Presentation Layer

Standards Based Development

mscss - Scrollbar Colors

Introduced in ie5.5.

ie6 in Strict Mode requires the scrollbar colors to be defined on the html element, and not on the body element.

Opera supports mscss scrollbar colors if they are specified inline; if they are declared in a style sheet, Opera will ignore them.

scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-track-color

Mozilla css Scrollbars

The following properties are Mozilla css extensions for scrollbars; They are all either obsolete, non-standard, and/or deprecated.

-moz-scrollbars-horizontal
-moz-scrollbars-none
-moz-scrollbars-vertical
-moz-hidden-unscrollable

WebKit Prefixed Scrollbar Properties

WebKit Prefixed Pseudo-Element Scrollbar Properties

WebKit pseudo-elements for scrollbars:

::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer

WebKit Prefixed Pseudo-Classes Scrollbar Properties

The following pseudo-classes have been introduced and can be applied to the pseudo-elements:

{}

References and Resources