设置浏览器滚动条样式

标签：isp   bsp   效果   ***   radius   play   style   height   滚动条   

1.设置隐藏滚动条

::-webkit-scrollbar{

　　display:none;

}

2.设置滚动条样式

/*********改变浏览器滚动条的样式****************/
::-webkit-scrollbar/*整体部分*/{width: 10px; height:10px; }
::-webkit-scrollbar-track/*滑动轨道*/{ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); }
::-webkit-scrollbar-thumb/*滑块*/{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); }
::-webkit-scrollbar-thumb:hover/*滑块效果*/{ border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.4); }

设置浏览器滚动条样式

标签：isp   bsp   效果   ***   radius   play   style   height   滚动条   

原文地址：http://www.cnblogs.com/Argentina/p/7819136.html