修改滚动条样式

最新推荐文章于 2024-05-27 16:21:48 发布

资深CV大师

最新推荐文章于 2024-05-27 16:21:48 发布

阅读量205

点赞数

CC 4.0 BY-SA版权

分类专栏： H5html

本文链接：https://blog.csdn.net/weixin_44903107/article/details/114982068

H5html 专栏收录该内容

28 篇文章

订阅专栏

/* --- 改变滚动条样式 --- */
.scroll-area::-webkit-scrollbar {
	width: 10px;
}

/* --- 滚动条里面的滚动块 --- */
.scroll-area::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px #eee;
	background: #eee;
}

/* --- 滚动条里面轨道 --- */
.scroll-area::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	 border-radius: 10px;
	background: #FFEB3B;
	/* border: none;
	background: none; */
}