通过修改CSS自定义chrome滚动条样式

首先得说一句 我不懂CSS的写法之类的 这段CSS也是在网上找的 所以有更先进的需求的话 我肯定不能满足你们了 不好意思
效果图在10楼有人上了 我这边不管怎么弄 上传图片都卡在96% 而且不翻wall不能回帖 翻wall的情况下 上论坛这个慢啊 所以 大家去看这个图吧http://bbs.kafan.cn/forum.php?mo ... &fromuid=487958
大家都知道哈 chrome能自定义的东西比较少 不像FF或者opera那样 几个样式 或者脚本 就能把浏览器改成任何想要的样子 不过 今天我抽时间研究了一下 发现自定义个滚动条还是可以的 毕竟对于chrome来说 UI上的东西本来就很少 标签页 可以通过主题修改 那么滚动条 就可以通过CSS修改了

1. ::-webkit-scrollbar
2. {
3.     width: 6px;
4.     height: 6px;
5. }
6. ::-webkit-scrollbar-track-piece
7. {
8.     background-color: #CCCCCC;
9.     -webkit-border-radius: 6px;
10. }
11. ::-webkit-scrollbar-thumb:vertical
12. {
13.     height: 5px;
14.     background-color: #999999;
15.     -webkit-border-radius: 6px;
16. }
17. ::-webkit-scrollbar-thumb:horizontal
18. {
19.     width: 5px;
20.     background-color: #CCCCCC;
21.     -webkit-border-radius: 6px;
22. }

复制代码

代码就是上面那些 我大概讲一下 这段代码的意思 看图 那个非常不好意思 卡饭不能上传图片 我只好外链一下

大家不要直接我用的这个参数 我就是随便给了几个 其实大家也可以看出来 如果把垂直和水平的参数设置成不一样的 那么垂直和水平的滚动条宽度啊 颜色啊 就会不同 其实好好修改一下 也是挺好看的