Webkit滾動條適用於某些元素

Question

我目前正試圖將Scroll Bar webkit樣式應用於某個元素，但是沒有運氣。我到處尋找; Stack Overflow上有2個線程，但我看到了，不起作用。

大多數線程說使用：

.class-name::-webkit-scrollbar { } 

但我有沒有運氣這

這是什麼人reccomending的一個完整的例子（它不工作）： http://codepen.io/wrdle/pen/BQYBjN

如果您對此有所幫助，非常感謝！ :) 謝謝

Answer 1

你的CSS工作得很好 - 你的CodePen中的問題是文檔滾動，而不是#container元素，所以你看不到它的滾動條。

添加這個CSS作爲一個例子來看看正確的滾動條：

#container { 
    height: 500px; 
    overflow: auto; 
} 

更新CodePen：http://codepen.io/capitalq/pen/MbQgJv