滚动条盘样式

最新推荐文章于 2024-06-15 06:21:07 发布

luanluan8888

最新推荐文章于 2024-06-15 06:21:07 发布

阅读量323

点赞数 5

文章标签： css css3 前端

本文链接：https://blog.csdn.net/luanluan8888/article/details/136027911

版权

 /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(34, 104, 251, 0.1);
  border-radius: 10px;
  background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(34, 104, 251, 0.1);
  background-color: rgba(34, 104, 251, 0.1);
}