设置cnblogs默认滚动条样式

默认滚动条样式丑嘛就不谈了~这里修改为个性化滚动条样式.

CSS代码

/*滚动条整体样式*/
body::-webkit-scrollbar {
    width: 10px;
    height: 1px;
}
/*滚动条滑块*/
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #E5848B;
}
/*滚动条轨道*/
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 10px;
    background: #FDFAF1;
}

效果图

原谅我用了这骚气的少女粉~童鞋当然也可以通过拾色器或别的工具自定义滑块及滑道的颜色.这里有个rgb转换网站, 可以说肥肠好用了~

猿工具: http://www.yuangongju.com/color

 

扫描二维码关注公众号，回复： 4951189 查看本文章

感谢:https://www.jianshu.com/p/da5d52630f36

　　https://www.cnblogs.com/lfhy/p/6796653.html