如何在所有瀏覽器中顯示自定義滾動條？

Question

我使用了顏色定製滾動條的簡單代碼：

<style type="text/css"> 
<!-- 
BODY 
{ 
    scrollbar-face-color: #000000; 
    scrollbar-highlight-color: #000000; 
    scrollbar-3dlight-color: #000000; 
    scrollbar-darkshadow-color: #000000; 
    scrollbar-shadow-color: #000000; 
    scrollbar-arrow-color: #FF99FF; 
    scrollbar-track-color: #FFCCFF; 
} 
--> 
</style> 

而且它不會在Chrome中工作，但它在IE和不知道其他瀏覽器。我使用chrome作爲我的主瀏覽器，我也在其他網站上看到過這個問題，但想知道是否有任何解決方法？

有一種方法可以創建半透明div/box，這些div可以在所有瀏覽器中使用特殊腳本工作，所以想知道是否有像滾動條一樣的解決方案？

謝謝！

Answer 1

這些屬性在Internet Explorer之外無法正常工作。他們是一個有點奇怪的微軟混合，從來沒有任何標準。

如果你想僞造它，你需要一些Javascript。我不認爲純CSS會給你帶來影響。

Answer 2

這裏有一些插件，對於所有瀏覽器的工作原理：

1. http://jscrollpane.kelvinluck.com/
2. http://www.hesido.com/web.php?page=customscrollbar
3. http://www.script-tutorials.com/custom-scrollbars-cross-browser-solution/

Answer 3

scrollbar不是CSS標準。在Chrome或Safari（WebKit）中，您可以使用前綴爲-webkit-Read more here的擴展名。

FireFox不支持滾動條樣式。

所以很可能你只能在IE和WebKit瀏覽器中支持這種效果，或者像Iwo Kucharski說的那樣使用JavaScript庫。