滚动条原生样式修改(亲测有效)

浏览器原生滚动条样式太丑? 无法满足老板||客户||甲方||主管的需求?怎么办?点开我的文章你值得一看

哈哈哈!!!有没有熟悉的洗脑配方，不墨迹上代码

 // 滚动条样式
  选择器::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  /*正常情况下滑块的样式*/
 选择器::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 8px;
  }
  /*鼠标悬浮在该类指向的控件上时滑块的样式*/
 选择器:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 8px;
  }
  /*鼠标悬浮在滑块上时滑块的样式*/
 选择器::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.2);
  }
  /*正常时候的主干部分*/
  选择器::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: white;
  }
  /*鼠标悬浮在滚动条上的主干部分*/
 选择器::-webkit-scrollbar-track:hover {
    background-color: rgba(0, 0, 0, 0.01);
  }

基本满足各位的需求了,就算把她隐藏也不为过
最近有人问我为什么叫前端若水，三千弱水只取一瓢饮，世间繁华千千万，唯爱一人，若如水