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;
}
You could use background-images positioned appropriately.
See this PREVIOUS QUESTION
Also CSS-Trick article