修改滚动条样式

最新推荐文章于 2024-10-12 10:41:56 发布

小猪快跑a

最新推荐文章于 2024-10-12 10:41:56 发布

阅读量102

点赞数 3

文章标签：前端 css

本文链接：https://blog.csdn.net/weixin_48108724/article/details/140709061

版权

		/*滚动条宽度*/
		scroll::-webkit-scrollbar {
			width: 13px;
		}

		/*滑块的样式*/
		.scroll::-webkit-scrollbar-thumb {
			background-color: #2867f4;
			border-radius: 10px;
			-webkit-box-shadow: inset1px1px0rgba(0, 0, 0, 0.1);
		}

		/*滚动条主干部分*/
		.scroll::-webkit-scrollbar-track {
			border-radius: 10px;
			-webkit-box-shadow: inset006pxrgba(0, 0, 0, 0);
			background-color: #021482;
		}

将scroll加入到需要的地方即可