添加博客页面滚动条样式

#适用于Webkit内核的浏览器，如Chrome以及各种国产XXX极速浏览器

#可以通过浏览器扩展实现所有网页滚动条修改（请看文章最后）

后来博客搞过很多次迁移改主题之类的事情，当时修改的样式丢失了，今天不经意看到就恢复过来。

添加在wordpress的主题的自定义CSS文件即可，代码如下：

::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(10,100,200,0.8);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(200,100,10,0.8);
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
}

a:visited { //访问过的链接变浅色，酌情添加
    color: #B5B5B5 ;
}

关于Chrome的全局修改方法，需要安装扩展Stylebot（或同类其他扩展），在该扩展的设置页面按如下操作：

在Styles页面，点击Add a new style…