【CSS】滚动条样式设置

229 阅读1分钟
//隐藏滚动条
::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

// ::-webkit-scrollbar {
// 	width: 4rpx; /*滚动条的宽度*/
// 	height: 3rpx;
// 	color: #ffffff;
// }

// /*定义滚动条轨道 内阴影+圆角*/
// ::-webkit-scrollbar-track {
// 	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);//底部背景颜色
// 	// box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
// 	// border-radius: 8px;
// 	background-color: #FFFFFF;
// }

// /*定义滑块 内阴影+圆角*/
// ::-webkit-scrollbar-thumb {
// 	// border-radius: 8px;
// 	// -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
// 	// box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
// 	background-color: rgba(0, 0, 0, 0.1); // /*滚动条的颜色*/
// }