修改滚动条默认样式

最新推荐文章于 2024-11-27 16:09:54 发布

原创最新推荐文章于 2024-11-27 16:09:54 发布 · 251 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #css3 #前端 #html5

笔记本专栏收录该内容

38 篇文章

订阅专栏

博客涉及HTML和CSS相关内容，HTML和CSS是前端开发的重要技术，HTML用于构建网页结构，CSS负责网页样式设计，二者结合能打造出美观实用的网页。

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;
}