css 改變瀏覽器預設滾動條樣式

2021-09-22 18:20:29 字數 456 閱讀 6816

這個網上很多的教程,我就不多嗶嗶了,直接貼**,方便自己和大家使用。

可以把下面的**放到乙個css中,然後全域性引入就可以了。

/* 整個滾動條 */

::-webkit-scrollbar

/* 滾動條有滑塊的軌道部分 */

::-webkit-scrollbar-track-piece

/* 滾動條滑塊(豎向:vertical 橫向:horizontal) */

::-webkit-scrollbar-thumb

/* 滾動條滑塊hover */

::-webkit-scrollbar-thumb:hover

/* 同時有垂直和水平滾動條時交匯的部分 */

::-webkit-scrollbar-corner

改變瀏覽器頁面預設滾動條樣式scrollbar

scrollbar 3d light color 設定或檢索滾動條亮邊框顏色 scrollbar highlight color 設定或檢索滾動條3d介面的亮邊 threedhighlight 顏色 scrollbar face color 設定或檢索滾動條3d表面 threedface 的顏色 s...

CSS修改瀏覽器預設滾動條

css修改預設滾動條 滾動條寬度 box wrap webkit scrollbar 滾動條裡面小方塊 box wrap webkit scrollbar thumb 滾動條裡面軌道 box wrap webkit scrollbar track 完整示例 如下 lang en charset ut...

CSS改變滾動條的預設樣式

定義滾動條高寬及背景 高寬分別對應橫豎滾動條的尺寸 webkit scrollbar 定義滾動條軌道 內陰影 圓角 webkit scrollbar track 定義滑塊 內陰影 圓角 webkit scrollbar thumb 效果圖 滾動條的屬性 webkit scrollbar 滾動條整體部...