美化chrome滚动条(类似iphone效果)

打开chrome目录下的

C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

文件,添加如下样式:

[code lang=”css”]::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
height: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
border: 2px solid white;
background-color: rgba(0, 0, 0, .3);
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, .8);
}
::-webkit-scrollbar-thumb:window-inactive {
background-color: rgba(0, 0, 0, .2);
}[/code]

本博客所有文章如无特别注明均为原创

如果觉得对你有帮助,可以通过下方打赏对作者表示鼓励

本文采用知识共享署名-非商业性使用-相同方式共享

如若转载,请注明出处:《美化chrome滚动条(类似iphone效果)》https://www.fangsi.net/274.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
锋哥的头像锋哥管理员
上一篇 2013年5月29日 12:53
下一篇 2013年5月29日 13:55

相关推荐

发表回复

登录后才能评论