網上的博客大多都很不靠譜,最後去MDN上搜了下scrollbar,才找到正確修改firefox滾動條樣式的案例。
firefox支持兩個scrollbar的樣式
- scrollbar-color
scrollbar-color: yellow blue;
前一個屬性是滾動條軌道顏色,後一個屬性是滾動條滑塊的顏色
- scrollbar-width
scrollbar-width: none;
scrollbar-width: thin;
scrollbar-width: auto;
firefox無法隨意自定義滾動條的尺寸,只能選擇默認大小和thin大小,thin模式下滾動條兩端的三角按鈕會消失。
通過上述兩種樣式的組合,能大致滿足滾動條樣式的修改,但也只能湊合着看,精細程度肯定是不如chrome的