css3 编写滚动条 利用伪类

 

//高宽分别对应横竖滚动条的尺寸
::-webkit-scrollbar {
   16px;
  height: 16px;
  
}

//内阴影 和 圆角
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  
}

// 内阴影 圆角
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  
}