css 滚动条样式

最新推荐文章于 2024-05-30 19:20:10 发布

luback

最新推荐文章于 2024-05-30 19:20:10 发布

阅读量398

点赞数 3

文章标签： css css3 html

本文链接：https://blog.csdn.net/luback/article/details/138534103

版权

.list-item-qa {
  width:100%;
  height: 84.5vh;
  overflow-y: scroll;
  box-sizing: border-box;
  padding-right: 10px;
  padding-bottom: 20px;
}

.list-item-qa::-webkit-scrollbar{
  /*滚动条整体样式*/
  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}

.list-item-qa::-webkit-scrollbar-thumb{
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #0093ff;
}
.list-item-qa::-webkit-scrollbar-track{
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
}