Css 3 Scrollbar - Add Padding And Cursor?

How can I add these two things on the scrollbar? padding around the scrollbar a cursor when you hover the scrollbar This is my code: #style-4::-webkit-scrollbar-track {

Solution 1:

About that padding. Sample 5px padding from left

#style-4::-webkit-scrollbar {
    width: 10px; /* add 5px */
    ...
}

#style-4::-webkit-scrollbar-thumb {
    box-shadow: inset 5px000 white; /* change color to your bg color */
    ...
}

Adding cursor: pointer to every -webkit-scrollbar element does not unfortunately work.

Solution 2:

Yes You can add it.

#style-4:hover{
  padding:15px;
}

I think this is correct, if im wrong please let know what you expect.

Solution 3:

Try this one for Cursor

#style-4:hover{
  cursor:pointer;
}