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

2022-06-08 15:36:10 字數 481 閱讀 8814

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

基於webkit的瀏覽器:

/*

滾動條樣式

*/::-webkit-scrollbar::-webkit-scrollbar-thumb::-webkit-scrollbar-track

火狐:

overflow-y: scroll;

scrollbar-color: transparent transparent;

scrollbar-track-color: transparent;

-ms-scrollbar-track-color: transparent;

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

參考位址 

相容火狐瀏覽器滾動條樣式

首先需要引入jquery和jquery.nicescrollnpm install jquery npm install jquery.nicescroll以下為jquery.nicescroll官網 在元件中使用 box div div template import from jquery im...

修改谷歌和火狐瀏覽器滾動條的樣式

在css 檔案裡定義樣式 mat tab body content 谷歌 webkit scrollbar width 4px height 532px webkit scrollbar thumb border radius 5px background color d9d9d9 火狐 scrol...

修改瀏覽器滾動條樣式

webkit scrollbar 定義滾動條軌道 內陰影 圓角 webkit scrollbar track 定義滑塊 內陰影 圓角 webkit scrollbar thumb ie 的寫法 scrollbar arrow color color 三角箭頭的顏色 scrollbar face co...