Next-Gen App & Browser
Testing Cloud

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

Start free with Google Start free with Email

CSS scrollbar styling

Last updated on : 2023-03-20

Note:

CSS scrollbar styling shows a browser compatibility score of 83. 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.

Overview

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.

Code snippets

demo.html

Source:demo.html

global.css

Source:global.css

SidStyle.css

Source:SidStyle.css

Browser Compatibility

CSS scrollbar styling on IE is fully supported on None of the versions, partially supported on 5.5-11, and not supported on below 5.5 IE versions.
CSS scrollbar styling on Edge is fully supported on None of the versions, partially supported on 79-111, and not supported on 12-18 Edge versions.
CSS scrollbar styling on Firefox is fully supported on None of the versions, partially supported on 64-113, and not supported on 2-63 Firefox versions.
CSS scrollbar styling on Chrome is fully supported on None of the versions, partially supported on 4-114, and not supported on below 4 Chrome versions.
CSS scrollbar styling on Safari is fully supported on None of the versions, partially supported on 5.1-16.4, and not supported on below 5.1 Safari versions.
CSS scrollbar styling on Opera is fully supported on None of the versions, partially supported on 15-95, and not supported on 9.5-12.1 Opera versions.
CSS scrollbar styling on Safari on iOS is fully supported on None of the versions, partially supported on 7-13, and not supported on 14.5-16.4 Safari on iOS versions.
CSS scrollbar styling on Android Browser is fully supported on None of the versions, partially supported on 2.3-111, and not supported on below 2.3 Android Browser versions.
CSS scrollbar styling on Opera Mobile is fully supported on None of the versions, partially supported on 64-73, and not supported on 10-12 Opera Mobile versions.
CSS scrollbar styling on Chrome for Android is fully supported on None of the versions, partially supported on 97-111, and not supported on below 97 Chrome for Android versions.
CSS scrollbar styling on Firefox for Android is fully supported on None of the versions, partially supported on None of the versions, and not supported on 95-110 Firefox for Android versions.
CSS scrollbar styling on Samsung Internet is fully supported on None of the versions, partially supported on 4-20, and not supported on below 4 Samsung Internet versions.

High

Browser Compatibility Score

High

Browser Support For IE Versions

Fully

5.5-11

Partially

No Support

Edge

High

Browser Support For Edge Versions

Fully

79-111

Partially

12-18

No Support

Firefox

High

Browser Support For Firefox Versions

Fully

64-113

Partially

2-63

No Support

Chrome

High

Browser Support For Chrome Versions

Fully

4-114

Partially

No Support

Safari

High

Browser Support For Safari Versions

Fully

5.1-16.4

Partially

No Support

Opera

High

Browser Support For Opera Versions

Fully

15-95

Partially

9.5-12.1

No Support

Safari on iOS

Low

Browser Support For Safari on iOS Versions

Fully

7-13

Partially

14.5-16.4

No Support

Android Browser

High

Browser Support For Android Browser Versions

Fully

2.3-111

Partially

No Support

Opera Mobile

High

Browser Support For Opera Mobile Versions

Fully

64-73

Partially

10-12

No Support

Chrome for Android

High

Browser Support For Chrome for Android Versions

Fully

97-111

Partially

No Support

Firefox for Android

Low

Browser Support For Firefox for Android Versions

Fully

Partially

95-110

No Support

Samsung Internet

High

Browser Support For Samsung Internet Versions

Fully

4-20

Partially

No Support

Debug webpages on the go with LT Debug Chrome extension.

Add to Chrome

Test your website on 3000+ browsers

Test your website on 3000+ real browsers and operating systems for mobile and desktop with the LambdaTest cloud. Perform browser compatibility test for CSS scrollbar styling and many more web technologies that are a part of your website or web-application.

Test Now

Last Modified date

2023-03-20