CSS自定义滚动条样式

最新推荐文章于 2024-07-27 02:24:11 发布

sunly_

最新推荐文章于 2024-07-27 02:24:11 发布

阅读量176

点赞数 1

分类专栏： css

本文链接：https://blog.csdn.net/qq_40745143/article/details/113182860

版权

css 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

<style>
	/* 定义滚动条样式 */
	::-webkit-scrollbar {
		width: 6px;
		height: 6px;
		background-color: rgba(240, 240, 240, 1);
	}

	/*定义滚动条轨道 内阴影+圆角*/
	::-webkit-scrollbar-track {
		box-shadow: inset 0 0 0px #ccc;
		background-color: #ccc;
	}

	/*定义滑块 内阴影+圆角*/
	::-webkit-scrollbar-thumb {
		border-radius: 10px;
		box-shadow: inset 0 0 0px #485684;
		background-color: #485684;
	}
</style>