CSS custom scrollbar

1. How do I add a scroll bar in CSS?
2. How do I create a custom scrollbar for a div?
3. How do I customize my browser scrollbar?

How do I add a scroll bar in CSS?

You need to add to the div tag. (This will force a scrollbar on the vertical). Save this answer.

How do I create a custom scrollbar for a div?

If you want to add a scrollbar to an element like a <div>, you'll have to use the CSS overflow property. Scrollbars can be vertical (Y-axis) or horizontal (X-axis). Implementing a custom scrollbar to elements is the same. In this example, I'll create vertical custom scrollbar on a <div>, which is just 5px wide.

How do I customize my browser scrollbar?

Scrollbar Selectors

For webkit browsers, you can use the following pseudo elements to customize the browser's scrollbar: ::-webkit-scrollbar the scrollbar. ::-webkit-scrollbar-button the buttons on the scrollbar (arrows pointing upwards and downwards). ::-webkit-scrollbar-thumb the draggable scrolling handle.