javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:主页 > WEB前端 > CSS-HTML >

基于webkit浏览器的CSS滚动条美化

来源:网络编辑:网络发布于:2013-05-15人围观CSS浏览器滚动条webkit

基于webkit浏览器的CSS滚动条美化 ,具体css代码如下:

::-webkit-scrollbar{
    padding-left:1px;
    border-left:1px solid #d5d5d5;
    background-color:#fafafa;
    overflow:visible;
    width:13px;
}
::-webkit-scrollbar-thumb{
    background-color:rgba(0, 0, 0, .2);
    background-clip:padding-box;
    border:1px solid transparent;
    border-left-width:2px;
    min-height:15px;
    box-shadow:inset 1px 1px 0 rgba(0, 0, 0, .1),inset 0 -1px 0 rgba(0, 0, 0, .07);
}
::-webkit-scrollbar-thumb:vertical:hover{
    background-color:rgba(0, 0, 0, .3);
}
::-webkit-scrollbar-thumb:vertical:active{
    background-color:rgba(0, 0, 0, .5);
}
::-webkit-scrollbar-button{
    height:0;
    width:0;
}
::-webkit-scrollbar-track{
    background-clip:padding-box;
    border:solid transparent;
    border-width:0 0 0 4px;
}
::-webkit-scrollbar-corner{
    background:transparent;
}

CSS,浏览器,滚动条,相关的文章
有时间的话来看看IT界的突发事件