Here's the CSS for styling the browser scrollbar:-

Ad You might find this useful
Loom
Record your screen to communicate better

Loom is the fastest way to record quick videos of your screen. It's easy to use and perfect for hybrid workplaces. FREE & affordable paid plans.

Get Loom
Start Recording for Free
LoomLoom
Record your screen to communicate better
Promo Save on Loom
/* ScrollBars */
/* Scroll */
::-webkit-scrollbar {
width: 11px;
}
::-webkit-scrollbar-track {
border-radius: 0px;
background: #f0f0f0;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.08);
}
::-webkit-scrollbar-thumb {
border-radius: 0px;
background: #bebebe;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.08);
}
::-webkit-scrollbar-thumb:horizontal:hover,
::-webkit-scrollbar-thumb:vertical:hover {
background: #555353;
}
view raw Style Scrollbars with CSS hosted with ❤ by GitHub

You can see the CSS applied above on the scrollbar on our site and here you see the Scroll Bar Track colour, the Thumb slider color and then the hover colour. You can modify the Scrollbar CSS to suit your own website colour theme.

Ad You might find this useful
Surfshark
Award Winning VPN Deal

Become invisible online with Surfshark VPN and protect your online presence with: -

✔ 100 VPN Server locations
✔ Alternative email generator
✔ Data breach alerts
✔ Malware protection
✔ Tracker and ad blocker

Get Surfshark
Get Surfshark VPN
SurfsharkSurfshark
Award Winning VPN Deal
Promo Save on Surfshark

‍NB Works for Webkit browsers and applies to all visible Scrollbars.

Ad You might find this useful
Wavebox
Wavebox is the revolutionary browser you should be using Now!

Be more productive with apps, tidy tabs, multi-account sign-in, unified search, flexible workspaces, and more...

Get 35% OFF with the Slick Media Wavebox Promo Code (click promo link bottom-right)

Get Wavebox
WaveboxWavebox
Wavebox is the revolutionary browser you should be using Now!
Promo Save on Wavebox
Ad You might find this useful
Rize
Maximize Your Productivity with Rize AI

Rize is an AI productivity coach that uses time tracking to improve your focus and build better work habits. It is available for macOS and Windows.

With the Slick Media Promo (click promo link bottom right), you can get a 25% discount on your first three months of Rize.

Get Rize
Get Started for Free
RizeRize
Maximize Your Productivity with Rize AI
Promo Save on Rize