修改滚动条默认样式

bubbleSweet

于 2023-06-14 17:34:32 发布

阅读量174

点赞数 1

分类专栏：笔记本文章标签： css html css3 前端 html5

本文链接：https://blog.csdn.net/bubbleSweet/article/details/131212701

版权

笔记本专栏收录该内容

38 篇文章 0 订阅

订阅专栏

div::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
}
div::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: transparent;
}
div::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
  background: #ededed;
}