css3自定义滚动条背景透明

.editor{
    overflow:hidden;
    height:640px;
		padding:0 45px;
		border: 0 none;
		outline: none;
}
.editor::-webkit-scrollbar{ //设置整个滚动条宽高
	  width:6px;
	  height:100%;
	}
	.editor::-webkit-scrollbar-thumb{ //设置滑块
	  width:4px;
	  height:60px;
	  background-color:#ccc;
	  border-radius:3px;
	}
	.editor::-webkit-scrollbar-track  
	{  
	  border-radius: 10px;  
	  background-color: rgba(255,255,255,.5);  //设置背景透明
	} 

  

你可能感兴趣的:(css3自定义滚动条背景透明)