526互联

解决 前端 设置滚动条的宽度后 滚动条消失的问题（解决ie浏览器样式无效的问题）

发布时间 2023-03-27 11:18:59作者: 猫小吕
.op {
  flex: 1;
  width: 90%;
  flex-direction: column;
  overflow: auto;
  height: 90%;
  padding-right: 5px;
}
.op::-webkit-scrollbar{
  width: 5px;
}
.op::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius:5px;
  -webkit-box-shadow: inset005pxrgba(0,0,0,0.2);
  background:rgba(0,0,0,0.2);
}
.op::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset005pxrgba(0,0,0,0.2);
  border-radius:0;
  background:rgba(0,0,0,0.1);
}

注意：使用idea 编程软件时， idea 解析不了的，对效果没影响