Customize scrollbars using CSS

Question

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;
}

refer this: http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-styling-scrollbars-to-match-your-ui-design/ — Nishad K Ahamed, Sep 25 '13 at 17:59

score 0 · Answer 1 · edited May 23 '17 at 11:57

0

You could use background-images positioned appropriately.

See this PREVIOUS QUESTION

Also CSS-Trick article

edited May 23 '17 at 11:57

Community

1
1

answered Sep 25 '13 at 17:58

Paulie_D

107,962
13
142
161

Customize scrollbars using CSS

1 Answers1

Linked