使用CSS自定义滚动条

Question

我已经完成了以下代码来自定义我的滚动条，但是我需要将箭头放在按钮中，我该如何制作呢？

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

Answer 1

您可以使用适当定位的背景图片。

请参阅此PREVIOUS QUESTION

另外CSS-Trick article