使用 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