Chrome 的滚动条修改.

该方法针对于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;

}

posted on 2014-07-16 11:21  欲上云端  阅读(516)  评论(0编辑  收藏  举报