scrollbar-color
A modern, standard way to change the colors of a scrollbar's 'thumb' (the moving part) and 'track' (the background). It's much simpler than the old webkit pseudo-elements.
Quick example
.custom-scroll {
scrollbar-color: #888 #eee;
/* sets the scrollbar thumb to gray and the track to light gray */
}Quick facts
Initial value
autoInherited
Yes
Applies to
scrolling boxes
Animation type
byComputedValueType
Values
auto scrollbar-color Browser Support
Newly available Since 2025 76% global usage
Since 2025 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Works in all modern browsers. May need a fallback for older browsers.
121+
64+
26.2+
121+