滚动条美化

最新推荐文章于 2024-10-01 23:20:42 发布

铁头vs头铁

最新推荐文章于 2024-10-01 23:20:42 发布

阅读量126

点赞数

分类专栏： css 文章标签： css 滚动条

本文链接：https://blog.csdn.net/qq_37957866/article/details/97521661

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

::-webkit-scrollbar {
  width: 6px; /*对垂直流动条有效*/
  height:6px; /*对水平流动条有效*/
}

/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
  background-color: #FFF;
  border-radius: 3px;
}


/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
  border-radius: 7px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #E8E8E8;
}

/*定义右下角汇合处的样式*/
::-webkit-scrollbar-corner {
  background:#ccc;
}

项目里的滚动条美化记录一下，方便下次用，哈哈