滾動條css在谷歌瀏覽器中工作，但不在Mozilla和Internet Explorer中

Question

滾動條css在谷歌瀏覽器中運行，但不在Mozilla和Internet Explorer中運行。 我的CSS是

.skin-1 ::-webkit-scrollbar { 
      width: 5px; 
     }  
    .skin-1 ::-webkit-scrollbar-track { 
     background-color: #eaeaea; 
     border-left: 1px solid #ccc; 
     }  
    .skin-1 ::-webkit-scrollbar-thumb { 
      background-color: #0e9aef; 
     }  
    .skin-1 ::-webkit-scrollbar-thumb:hover { 
     background-color: #aaa; 
    }   

Answer 1

目前，它暴露在-webkit廠商前綴後面，用於使用Webkit（和Blink）渲染引擎的瀏覽器。

請詳細閱讀本CSS-Tricks article。

Answer 2

滾動條是不是一個CSS標準，這意味着一些瀏覽器可以支持它，而有的則沒有。在這種情況下，您正在應用只針對下一個瀏覽器的「-webkit」前綴：

Android，Chrome，iOS和Safari。

您可以檢查here獲取更多信息。

只要我知道滾動條在Firefox中根本不被支持（如果沒有改變）。

爲了完整的瀏覽器兼容性我會推薦你​​使用一些不錯的（和易於使用的）jQuery庫。