滚动条样式自定义
【滚动条样式自定义】
文章图片
/*滚动条样式*/
*::-webkit-scrollbar {
/*滚动条整体样式*/
width:4px;
/*高宽分别对应横竖滚动条的尺寸*/
height:4px;
}
*::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius:5px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.15);
background:rgba(0,0,0,0.15);
}
*::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);
border-radius:0;
background:rgba(0,0,0,0.1);
}
推荐阅读
- 家乡的那条小河
- 每日一话(49)——一位清华教授在朋友圈给大学生的9条建议
- 人生是一条孤独又迷茫的路
- (七)谈条件
- 我在一条路上走了5年
- 那条灰色的人行道
- 无尾鱼与独脚鸟
- 墙角的小花
- 感赏15+投射
- Improve|Improve Nested Conditionals(优化嵌套的条件语句) 面对大量的if-else语句