chrome中自定义页面滚动条

找到chrome的本体CSS文件：

WIN：用户目录\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

MAC：用户目录/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

UBUNTU：~/.config/chromium/Default/User\ StyleSheets/Custom.css

在里面添加webkit的CSS就行了，比如我用的是

::-webkit-scrollbar {  
     width: 8px;
}
/*控制宽度*/
::-webkit-scrollbar-track-piece {
    background-color: #ffffff;
}
/*整条颜色*/
::-webkit-scrollbar-thumb{
    height: 50px;
    background-color: #8896FA;
}
/*滑块颜色，高度*/
::-webkit-scrollbar-thumb:active{
    background-color:#475EFF;
}
/*点击时颜色，也可以用hover*/

同样，该段代码放在网站的CSS里也可以改变chrome用户的滚动条