css控制边框滚动条

css electron 文章 2020-02-02 15:31 0 37

进度条美化:

::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}

::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(228, 57, 60, 0.2);
	background: #b2ebf2;
	position: absolute;
}

::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(228, 57, 60, 0.2);
	border-radius: 10px;
	background: #16bffd; /* fallback for old browsers */
	position: absolute;
}


去除滚动条

html{
	overflow-y: hidden!important;
}


-EOF-