简介:
绿色滚动条。纯 CSS3,没有 JS。简单又可爱!刚刚从 ZIG ( zzllrr Imager Geek ) http://goo.gl/n8SMk 中提取
刚刚从 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{
边框半径:5px;
背景颜色:白色;
-webkit-box-shadow:2px 2px 6px rgba(0,0,0,.5),inset -2px 2px 2px rgba(204,204,204,0.1),inset 2px -2px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover{
背景色:#a2c437;
}
/* 2. 进入这个扩展文件夹
(您的默认 Chrome 扩展文件夹\默认\扩展\hnnpahlmflcceeadbeollhmmkfhfelnn\1.0.1_0))
找到 CSS 文件 zzllrrImagerScrollbar.css 以根据需要进行修改。
*/
/* 3. 转到 chrome://extensions/ 禁用此扩展然后启用它。
超过!不错的工作!
*/
插件下载: