自定義滾動條爲Div與純CSS

Question

有沒有辦法自定義一個滾動條只有CSS影響特定的div而不是整個頁面中的所有內容？

我發現我可以使用::-webkit-scrollbar爲了更改滾動條的樣式，但這會影響頁面上的每個滾動條。

我正在尋找一種純粹的CSS方式來爲頁面上的特定滾動條造型。

這可能嗎？

Answer 1

當然是。所有你需要做的是記住，::-webkit-scrollbar是一個僞類，因此，可以這樣使用：

div.foo::-webkit-scrollbar { ... }