修改滾動條的樣式

2021-09-26 04:28:35 字數 397 閱讀 6939

/* 滾動條樣式 */*:

:-webkit-scrollbar

/*正常情況下滑塊的樣式*/*:

:-webkit-scrollbar-thumb

/*滑鼠懸浮在該類指向的控制項上時滑塊的樣式*/

*:hover:

:-webkit-scrollbar-thumb

/*滑鼠懸浮在滑塊上時滑塊的樣式*/*:

:-webkit-scrollbar-thumb:hover

/*正常時候的主幹部分*/*:

:-webkit-scrollbar-track

/*滑鼠懸浮在滾動條上的主幹部分*/*:

:-webkit-scrollbar-track:hover

chrome滾動條樣式修改

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

web kit 修改滾動條樣式

在typescript官方文件裡注意到的樣式,算做個小筆記。只在web kit 瀏覽器中有效 效果 核心 webkit scrollbar webkit scrollbar thumb webkit scrollbar track webkit scrollbar thumb hover style...

頁面滾動條樣式修改

你可以使用以下偽元素選擇器去修改各式webkit瀏覽器的滾動條樣式 全域性的樣式檔案中新增重置滾動條樣式 滾動條整體樣式 webkit scrollbar 滾動條裡面小方塊 webkit scrollbar thumb 滾動條裡面軌道 webkit scrollbar track 樣式 滾動條整體樣...