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