css滚动条样式

css配置全局滚动条样式

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 5px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #000; // 替换你想要的颜色
    border-radius: 6px;
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background: unset;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

这个是全局的样式 如果单独的元素只需要写在需要设置的类名下就可以了

欢迎访问俺的博客 BULINGBULING