vue 修改浏览器滑块样式

vue 修改浏览器滑块样式

在style中：

::-webkit-scrollbar // 滑块宽度
{
    
    
  width: 3px;
  // height: 1px;
}

::-webkit-scrollbar-track {
    
     //轨道部分
  // box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  // background: #ededed;
  // border-radius: 3px;
}
// 定义滑块 内阴影+圆角

::-webkit-scrollbar-thumb
{
    
    
  border-radius: 10px;
  background-color: rgba(0,0,0,0.1);
}