滚动条样式

最新推荐文章于 2022-05-22 08:00:00 发布

krifyFan

最新推荐文章于 2022-05-22 08:00:00 发布

阅读量127

点赞数

分类专栏：日常知识文章标签： css css3

本文链接：https://blog.csdn.net/weixin_43452622/article/details/105533967

版权

日常知识专栏收录该内容

39 篇文章 1 订阅

订阅专栏

<div class="info-wrap">
</div>
/** style css */
.info-wrap {
	height: 100px;
	overflow-y: auto;
}

.info-wrap::-webkit-scrollbar{
	   width: 4px;
	   height: 4px;
	   overflow-x: hidden;
	   overflow-y: auto;
}

.info-wrap::-webkit-scrollbar-thumb {
	   border-radius: 5px;
	   box-shadow: inset 0 0 5px rgb(27, 102, 207);
	   background: rgba(0, 0, 0, 0.2)
}

.info-wrap::-webkit-scrollbar-track {
	   border-radius: 4px;
	   box-shadow: inset 0 0 5px rgb(235, 227, 235);
	   background: rgba(0, 0, 0, 0.1)
}