css自定义滚动条上下箭头图标

CSS自定义滚动条上下箭头图标可以通过CSS伪元素来实现。具体实现方法如下：

/* 上箭头 */
::-webkit-scrollbar-button:start:decrement {
    background-color: #fff;
    background-image: url(上箭头图片地址);
    background-repeat: no-repeat;
}

/* 下箭头 */
::-webkit-scrollbar-button:end:increment {
    background-color: #fff;
    background-image: url(下箭头图片地址);
    background-repeat: no-repeat;
}

其中，`::-webkit-scrollbar-button:start:decrement`表示滚动条的上箭头，`::-webkit-scrollbar-button:end:increment`表示滚动条的下箭头。你可以将`background-image`属性设置为你想要的箭头图片的地址，然后通过`background-repeat`属性来控制图片是否重复。