无法将按钮添加到自定义滚动条

Question

我更改了滚动条的css属性，按钮消失了。当我将其添加到样式表中时：

::-webkit-scrollbar-button {
   display: block;
}

滚动条的顶部和底部都有两个矩形，但是没有箭头。当我尝试单击每个矩形的顶部和底部时，它会上下滚动。有没有办法在带有箭头的每一侧（顶部和底部）仅添加一个按钮？

CSS：

/* Properties of Scrollbar */
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-track {
    background: #4d4d4d;
}
::-webkit-scrollbar-button {
    display: block;
}
::-webkit-scrollbar-thumb {
    background: #8d8d8d;
}
::-webkit-scrollbar-thumb:hover {
    background: #2b2b2b;
}

Answer 1

您使用的::-webkit-scrollbar-button错误。应该这样使用：

::-webkit-scrollbar-button {
  background: blue;
}

也可以找到here