码迷,mamicode.com
首页 > 其他好文 > 详细

Chrome 的滚动条修改.

时间:2014-07-16 15:13:10      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:style   color   文件   width   代码   line   

该方法针对于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 的滚动条修改.

标签:style   color   文件   width   代码   line   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!