CSS customized scroll bar in div?

Question

How can I customize a scroll bar via CSS (Cascading Style Sheets) for one `div` and not the whole page?

Answer 1

Hello,

Customization of any element in CSS may be achieved with either a class or id. Classes may be assigned in CSS to refer to multiple tags. ID's in CSS must be specific to one component.

It is common to create properties for multiple elements using a single class. These properties may be overridden if the element is given a specific ID, and properties differ from the class.

I have researched the specific topic of scrollbars, and found an excellent example for this topic. I am linking to it below.

https://codepen.io/devstreak/pen/dMYgeO

I hope this provides you with enough information to help you with your project.

Chris S