自定义的滚动条样式

@zgcwkj  2018年03月22日

分类:

网站 代码 

嗯,我没什么好教的,你看看就懂了!

CSS样式如下:

::-webkit-scrollbar-track-piece { /*滚动条背景*/
    /*background-color: #FFF;*/
}
::-webkit-scrollbar { /*滚动条前景*/
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-thumb { /*滚动条*/
    background-color: #999;
    border-radius: 4px;
    border: 1px solid #FFF;
}
    ::-webkit-scrollbar-thumb:hover { /*滚动条悬浮*/
        background-color: #9F9F9F;
        border-radius: 4px;
    }

另外本站的滚动条也是这个哦!



评论已关闭

Top