首页 > 其他 > 详细

Chrome 的滚动条修改.

时间:2014-07-16 15:12:35      阅读:385      评论:0      收藏:0      [点我收藏+]

该方法针对于win下Chrome任何版本(未测试基于Chrome内核的其他浏览器),Lunix就是目录换了一下

目录是:**\Google\Chrome\User Data\Profile 2\User StyleSheets

目录可能会变...但是最后肯定是StyleSheets.

文件肯定是下面的这个

然后看到一个叫Custom的css文件

右键编辑

代码:

::-webkit-scrollbar-track-piece{

background-color:#fff;

-webkit-border-radius:0;

}

::-webkit-scrollbar{

width:12px;        /*这个是滚动条的宽度

height:8px;

}

::-webkit-scrollbar-thumb{

height:50px;

background-color:#990000;  /*这个是滚动个个长方块的颜色

-webkit-border-radius:4px;

outline:2px solid #fff;

outline-offset:-2px;

border: 2px solid #fff;

}

::-webkit-scrollbar-thumb:hover{

height:50px;

background-color:#000000;   /*这个是鼠标悬停在滚动方块上是的颜色  ps其他的自己探究把..西西

-webkit-border-radius:4px;

}

Chrome 的滚动条修改.,布布扣,bubuko.com

Chrome 的滚动条修改.

原文:http://www.cnblogs.com/Wen-yu-jing/p/3848267.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!