自設chrome預設滾動條樣式

2022-09-13 12:36:11 字數 442 閱讀 9707

今天無聊,想著chrome這種全面使用html的瀏覽器,可不可以讓我自行改變它的預設css呢,結果去查查,有,很好

在這個目錄下找到custom.css開啟修改即可

立馬套上了之前做的乙個滾動條樣式,**如下:

::-webkit-scrollbar ::-webkit-scrollbar-track ::-webkit-scrollbar-thumb
儲存即可,效果如下:

其它的滾動條效果設定這都有,可以參考下:

更多的,你可以試試在**裡加個body,見識下這個檔案的好玩之處哦^.^

chrome滾動條樣式修改

對於chrome瀏覽器,它提供了修改滾動條樣式的介面,開發者只需要加上幾句css指令碼,就可輕鬆實現滾動條樣式的修改.先說一下滾動條的引數 webkit scrollbar 滾動條整體部分,可以設定寬度啥的 webkit scrollbar button 滾動條兩端的按鈕 webkit scroll...

vue更改預設滾動條樣式

vue更改預設滾動條樣式用的是vuescroll 安裝模組 npm install vuescroll main.js中引入 import vuescroll from vuescroll 引入vuescroll import vuescroll dist vuescroll.css 引入vuesc...

css控制預設滾動條樣式

針對webkit核心的瀏覽器,使用偽類來改變滾動條的預設樣式,詳情如下 滾動條組成部分 1.webkit scrollbar 滾動條整體部分 2.webkit scrollbar thumb 滾動條裡面的小方塊,能向上向下移動 或向左向右移動 3.webkit scrollbar track 滾動條...