使用CSS自定义滚动条 [英] Customize scrollbars using CSS

问题描述

我已经在下面完成了这段代码以自定义我的滚动条，但是我需要将箭头放在按钮中，我该怎么做?

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.

请参见 上一个问题

也 CSS技巧文章

这篇关于使用CSS自定义滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！