Beautiful front end scroll bar

body::-webkit-scrollbar-thumb {
    background-color: #D7DEE8;
    border-radius: 4px;
    background-image: none;
}
::-webkit-scrollbar-thumb {
    background-color: #d7dee8;
    background-color: var(--color-border-dark);
    border-radius: 4px;
}

body::-webkit-scrollbar-corner {
    background-color: #eaedf0;
}

::-webkit-scrollbar-corner {
    background-color: #eaedf0;
}

body::-webkit-scrollbar {
    width: 4px;
    background-color: #eaedf0;
}
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}


Copy the code

Citing the xiaoma.tencent.com/#/view/1475…