CSS好看的滚动条

 

 

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    background: rgb(255, 255, 255);
    border-radius: 8px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(201, 201, 202, .5);
    border-radius: 8px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    /* background: rgb(162, 162, 163); */
    background: rgba(201, 201, 202, .5);
    border-radius: 8px;
}

/*例子，哪里需要加到哪里就好了*/









.page-container .message-box .commentList::-webkit-scrollbar {
            width: 10px;
            height: 10px;
        }
        /* Track */
        .page-container .message-box .commentList::-webkit-scrollbar-track {
            background: rgb(255, 255, 255);
            border-radius: 8px;
        }
        /* Handle */
        .page-container .message-box .commentList::-webkit-scrollbar-thumb {
            background: rgba(201, 201, 202, .5);
            border-radius: 8px;
        }
        /* Handle on hover */
        .page-container .message-box .commentList::-webkit-scrollbar-thumb:hover {
            /* background: rgb(162, 162, 163); */
            background: rgba(201, 201, 202, .5);
            border-radius: 8px;
        }

 

 

 

可以参考

原文链接：https://blog.csdn.net/weixin_41166682/article/details/105060673