2023年6月20日发(作者：)

：：-webkit-scrollbar设置滚动条兼容::-webkit-scrollbar 仅仅在⽀持WebKit内核的浏览器 (例如, ⾕歌Chrome, 苹果Safari)可以使⽤.h5开发可以使⽤语法：（使⽤加粗即可）::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.::-webkit-scrollbar-corner — 当同时有垂直滚动条和⽔平滚动条时交汇的部分.::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).⽰例：ttt兔兔兔兔兔兔突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突兔兔兔兔

```.scroll-w{ width:100px; height:300px; overflow-x:auto;/* x轴出现滚动-webkit-scrollbar 设置⾼，否则设置height*/}::-webkit-scrollbar { height: 4px; background: #eee;

}::-webkit-scrollbar-thumb { background-color: #F90; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75}

2023年6月20日发(作者：)

：：-webkit-scrollbar设置滚动条兼容::-webkit-scrollbar 仅仅在⽀持WebKit内核的浏览器 (例如, ⾕歌Chrome, 苹果Safari)可以使⽤.h5开发可以使⽤语法：（使⽤加粗即可）::-webkit-scrollbar — 整个滚动条.::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头).::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.::-webkit-scrollbar-track — 滚动条轨道.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.::-webkit-scrollbar-corner — 当同时有垂直滚动条和⽔平滚动条时交汇的部分.::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).⽰例：ttt兔兔兔兔兔兔突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突突兔兔兔兔