css自定义滚动条样式(webkit内核浏览器)

/* 滚动条样式 */
::-webkit-scrollbar {
    /* 滚动条的宽度 */
    width: 10px;
}
::-webkit-scrollbar-track {
    /* 滚动条的滑轨背景颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    /* 滑块颜色 */
    background-color: #d6d6d6;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    /* 鼠标移到滑块上面的变色 */
    background-color: #666;
}
::-webkit-scrollbar-button {
    /* 滑轨两头的监听按钮颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-corner {
    /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
    background-color: #fff;
}
/* 滚动条样式 */
::-webkit-scrollbar {
    /* 滚动条的宽度 */
    width: 10px;
}
::-webkit-scrollbar-track {
    /* 滚动条的滑轨背景颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    /* 滑块颜色 */
    background-color: #d6d6d6;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    /* 鼠标移到滑块上面的变色 */
    background-color: #666;
}
::-webkit-scrollbar-button {
    /* 滑轨两头的监听按钮颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-corner {
    /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
    background-color: #fff;
}
/* 滚动条样式 */
::-webkit-scrollbar {
    /* 滚动条的宽度 */
    width: 10px;
}
::-webkit-scrollbar-track {
    /* 滚动条的滑轨背景颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    /* 滑块颜色 */
    background-color: #d6d6d6;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    /* 鼠标移到滑块上面的变色 */
    background-color: #666;
}
::-webkit-scrollbar-button {
    /* 滑轨两头的监听按钮颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-corner {
    /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
    background-color: #fff;
}
/* 滚动条样式 */
::-webkit-scrollbar {
    /* 滚动条的宽度 */
    width: 10px;
}
::-webkit-scrollbar-track {
    /* 滚动条的滑轨背景颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    /* 滑块颜色 */
    background-color: #d6d6d6;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    /* 鼠标移到滑块上面的变色 */
    background-color: #666;
}
::-webkit-scrollbar-button {
    /* 滑轨两头的监听按钮颜色 */
    background-color: #fff;
}
::-webkit-scrollbar-corner {
    /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
    background-color: #fff;
}
关于前端知识,你可以进入我的博客查看更多知识: 樊小书生的博客