Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Next-Gen App & Browser Testing Cloud

CSS scrollbar styling

Scrollbars provide an easy way to access content that is not visible on the current screen. This document looks at ways of styling their color and width.

Last updated on : 2025-03-16

Browser Versions

IEIE

EdgeEdge

FirefoxFirefox

ChromeChrome

SafariSafari

OperaOpera

5.5 - 11
Test on IE 5.5 - 11 ...
12 - 18
Test on Edge 12 - 18 ...
79 - 121
Test on Edge 79 - 121 ...
122 - 133
Test on Edge 122 - 133 ...
2 - 63
Test on Firefox 2 - 63 ...
64 - 115
Test on Firefox 64 - 115 ...
116 - 138
Test on Firefox 116 - 138 ...
4 - 124
Test on Chrome 4 - 124 ...
125 - 136
Test on Chrome 125 - 136 ...
5.1 - 18.4
Test on Safari 5.1 - 18.4 ...
9.5 - 12
Test on Opera 9.5 - 12 ...
15 - 109
Test on Opera 15 - 109 ...
110 - 114
Test on Opera 110 - 114 ...

...Fully Supported

...Partially

...No Support

Browser Compatibility

CSS scrollbar styling on IE is partially supported on all IE versions.

CSS scrollbar styling on Edge is fully supported on 122-133, partially supported on 79-121, and not supported on 12-18 Edge versions.

CSS scrollbar styling on Firefox is fully supported on 116-138, partially supported on 64-115, and not supported on 2-63 Firefox versions.

CSS scrollbar styling on Chrome is fully supported on 125-136 and partially supported on 4-124 Chrome versions.

CSS scrollbar styling on Safari is partially supported on all Safari versions.

CSS scrollbar styling on Opera is fully supported on 110-114, partially supported on 15-109, and not supported on 9.5-12 Opera versions.

CSS scrollbar styling on Safari on iOS is partially supported on 7-13, and not supported on 14.5-18.4 Safari on iOS versions.

CSS scrollbar styling on Android Browser is partially supported on all Android Browser versions.

CSS scrollbar styling on Opera Mobile is partially supported on 64-80, and not supported on 10-12 Opera Mobile versions.

CSS scrollbar styling on Chrome for Android is fully supported on 127-133 and partially supported on 97-126 Chrome for Android versions.

CSS scrollbar styling on Firefox for Android is fully supported on 115-135, and not supported on 95-113 Firefox for Android versions.

CSS scrollbar styling on Samsung Internet is fully supported on 26-27 and partially supported on 4-25 Samsung Internet versions.

92
Hightooltip

Overall Browser Compatibility Score

Note:CSS scrollbar styling shows a browser compatibility score of 92. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.


Test on 3000+ browsers for CSS scrollbar styling & more

Test your website for CSS scrollbar styling and other web technologies. Get 100 FREE automation test minutes!

Test Now...

KaneAI - Testing Assistant

World’s first AI-Native E2E testing agent.

...
ShadowLT Logo

Start your journey with LambdaTest

Get 100 minutes of automation test minutes FREE!!

Signup for free

Did you find this page helpful?

Helpful

NotHelpful