字定义-webkit-前缀的浏览器滚动条样式

Chrome浏览器

  • 整体部分，::-webkit-scrollbar；
  • 两端按钮，::-webkit-scrollbar-button；
  • 外层轨道，::-webkit-scrollbar-track；
  • 内层轨道，::-webkit-scrollbar-track-piece；
  • 滚动滑块，::-webkit-scrollbar-thumb；
  • 边角，::-webkit-scrollbar-corner；

CSS 代码

 ::-webkit-scrollbar{
     windth:8px;
     height:8px;
}
::-webkit-scrollbar-thumb{
    background-color:rgba(0,0,0,.2);
    border-radius:6px;
}
::-webkit-scrollbar-track{
    background-color:#ddd;
    border-radius:6px;
}

样式：

image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。