Customize scrollbars using CSS [duplicate]

问题

This question already has answers here:

CSS customized scroll bar in div (16 answers)

Closed 4 years ago.

I have done this code below to customize my scrollbars but I need to put the arrows in the buttons, how can I made it?

::-webkit-scrollbar {
    width: 50px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
display: block;
height: 50px;
}

::-webkit-scrollbar-button:vertical:decrement,
::-webkit-scrollbar-button:vertical:increment {
background-color: #ccc;
}

回答1:

You could use background-images positioned appropriately.

See this PREVIOUS QUESTION

Also CSS-Trick article

来源：https://stackoverflow.com/questions/19011867/customize-scrollbars-using-css