给 Chrome 换个 Gmail 的滚动条

我一直挺喜欢 Gmail 网页版中的滚动条,所以就尝试着仿了一个,虽说不是百分百完美,但至少自己感觉用起来还行。下面开始开搞:

找到 \Google\Chrome\User Data\Default\User StyleSheets 目录下的 Custom.css 文件,具体方法,找到 Chrome 的安装路径,网上回滚几个目录就行了。

在用记事本打开后,在里面编辑如下代码即可,里面的参数可以根据自己的喜好自行进行更改。

::-webkit-scrollbar-track-piece{
background-color:#fff;
}
::-webkit-scrollbar{
width:11px;
height:11px;
}
::-webkit-scrollbar-thumb{
height:50px;
background-color:#cbcbcb;
outline:0px solid #fff;
}
::-webkit-scrollbar-thumb:hover{
height:50px;
background-color:#989898;
}

顺便再附送个替换字体的,我这里用的是微软雅黑。

html, body, * { font-family: “Microsoft YaHei” ! important; }

代编辑完成后保存即可。

发表评论