火狐瀏覽器滾動條的樣式問題

網上查了很多關於修改火狐瀏覽器樣式的資料，發現千篇一律，能解決問題的可以說沒有。

當然一番搜尋下來也不是沒有收獲，為了節省廣大前端同學不再耗費時間在這上面，特此記錄。解決了在火狐瀏覽器下滾動條的部分樣式問題，當然有更好的解決辦法歡迎留言~~~

 

基於webkit的瀏覽器：

  /* 滾動條樣式 */
  ::-webkit-scrollbar{
    width: 4px;
    height: 6px;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 1em;
    background-color: rgba(50,50,50,.3);
  }
  ::-webkit-scrollbar-track{
    border-radius: 1em;
    background-color: rgba(50,50,50,.1);
  }

火狐：

overflow-y: scroll;
scrollbar-color: transparent transparent;
scrollbar-track-color: transparent;
-ms-scrollbar-track-color: transparent;

可以實現火狐瀏覽器下滾動條的隱藏。

參考地址  https://stackoverflow.com/questions/6165472/custom-css-scrollbar-for-firefox/54101063#54101063