刚刚从zzllrr Imager中提取的一个简单的Chrome滚动条。
*绿色可爱!
*纯CSS3,没有JS(JavaScript)!
*在网页,iframe,textarea等上运行良好。
如果您需要其他滚动条样式,请不要走开。
以下是CSS Hack / MOD / DIY技巧。
/ * 1. zzllrr imager滚动条的原始CSS * /
::-webkit-scrollbar {
背景颜色:白色;
宽度:10px;
高度:10px;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5)插入;
}
::-webkit-scrollbar-thumb {
border-radius:5px;
背景颜色:白色;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5),插入-2px 2px 2px 2px rgba(204,204,204,0.1),插入2px -2px 2px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
背景颜色:#a2c437;
}
/ * 2.只需转到此扩展文件夹
(您的默认Chrome扩展程序文件夹 Default Extensions hnnpahlmflcceeadbeollhmmkfhfelnn 1.0.1_0))
找到CSS文件zzllrrImagerScrollbar.css进行修改。
* /
/ * 3.转到chrome:// extensions /禁用此扩展名,然后启用它。
过度!不错的工作!
* /