css改变谷歌浏览器的滚动条样式

时间：2015-05-07 12:01:47 阅读：158 评论：0 收藏：0 [点我收藏+]

标签：

/*---滚动条默认显示样式--*/

::-webkit-scrollbar-thumb{

height:50px;

outline-offset:-2px;

outline:2px solid #fff;

-webkit-border-radius:4px;

border: 2px solid #fff;

}

/*---鼠标点击滚动条显示样式--*/

::-webkit-scrollbar-thumb:hover{

height:50px;

-webkit-border-radius:4px;

}

/*---滚动条大小--*/

::-webkit-scrollbar{

width:8px;

height:8px;

}

/*---滚动框背景样式--*/

::-webkit-scrollbar-track-piece{

-webkit-border-radius:0;

}

==========================

::-webkit-scrollbar-track { background-color: #b46868; } /* 滚动条的滑轨背景颜色 */ 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); } /* 滑块颜色 */ 
::-webkit-scrollbar-button { background-color: #7c2929; } /* 滑轨两头的监听按钮颜色 */
::-webkit-scrollbar-corner { background-color: black; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

css改变谷歌浏览器的滚动条样式

标签：

原文地址：http://www.cnblogs.com/xuan52rock/p/4484108.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行