css常用滚动条样式修改

```
滚动内容(内容高度超出400px可展示)
``` ``` .sim-cont{ max-height: 400px; overflow: auto; } .sim-cont::-webkit-scrollbar { /*滚动条整体样式*/ width:5px; height:3px; } .sim-cont::-webkit-scrollbar-thumb { /*滚动条里面小方块样式*/ border-radius:100px; -webkit-box-shadow:inset 0 0 5px rgba(151, 151, 151, 0.2); background:rgba(0,0,0,0.1);; } .sim-cont::-webkit-scrollbar-track { /*滚动条里面轨道样式*/ -webkit-box-shadow:inset 0 0 5px rgba(223, 223, 223, 0.2); border-radius:100px; background:rgba(0,0,0,0.1); } ```

你可能感兴趣的:(css常用滚动条样式修改)