项目有记录。
您可以使用以下“CSS滚动条选择器”部分中的伪元素选择器更改webkit浏览器滚动条的样式:
:-webkit-scrollbar—整个滚动条.3360-WebKit-scroll bar-button -滚动条上的按钮(.3360-WebKit-sston bKit-scrollbar-track-滚动条轨道.3360-WebKit-scrollollit-scrollk-WebKit-scroll bar-corner -垂直滚动条和水平滚动条zer—某些元素的corner部分的某些样式(例如:textarea中的可拖动按钮) .语法: 336666
demo :
. visible-scrollbar、 invisible-scrollbar、 mostly-customized-scroll bar { display 3360 block; width: 10em; Overflow :自动; 高: 2em; }.invisible-scroll bar :3360-WebKit-scroll bar { display : none; }/* demonstrate a ' mostly定制' scroll bar * (won ' tbevisibleotherwiseifwidth/heightisspecified )/. mostly-cust 背景色: # AAA;/* oraddittothetrack */}/* adda thumb */. mostly-customized-scroll bar 33603360-WebKit-scroll bar-thumb { backgg divclass=' visible-scroll bar ' thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee eee long word divdivclass=' invisible-scroll bar ' thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee vclass=' mostly-customized-scroll bar ' thisisaveeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeererererevivivivivdiv withiv /div参考链接: https://developer.Mozilla.org/zh-cn/docs/web/CSS/:3360-WebKit-scroll bar