美文网首页
设置滚动条样式

设置滚动条样式

作者: 雨落倾城夏微凉_e861 | 来源:发表于2020-09-09 17:30 被阅读0次
    body::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
    }
    body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 5px;
        background: rgba(0,0,0,0.4);
    }
    body::-webkit-scrollbar-track {/*滚动条里面轨道*/
        border-radius: 0;
        background: red;
    }
    

    body可替换为想要设置滚动条样式的dom元素.

    相关文章

      网友评论

          本文标题:设置滚动条样式

          本文链接:https://www.haomeiwen.com/subject/dcxyektx.html