scrollbar-color

The scrollbar-color CSS property allows the author to set the colors of an element's scrollbars.

Syntax

CSS

scrollbar-color: value;

JS

object.style.scrollbarColor = "value";

Values

<'scrollbar-color'> = auto | dark | light | <color>{2}
auto

Automatically specified by the user agent.

dark

Show a dark scrollbar, which can be either a dark variant of scrollbar provided by the platform, or a custom scrollbar with dark colors.

light

Show a light scrollbar, which can be either a light variant of scrollbar provided by the platform, or a custom scrollbar with light colors.

<color>

Specifies the color using a keyword or a numerical specification.

Initial

auto

Examples

auto

color

dark

light

JS

Internal

scrollbar-width

External

World Wide Web Consortium (W3C)

Home Menu