Customize scrollbars using CSS [duplicate]

问题:

This question already has an answer here:

• CSS customized scroll bar in div 14 answers

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