更改滚动条样式

::-webkit-scrollbar {
    background: #081429;
}

::-webkit-scrollbar-track-piece {
    background-color: #081429;
}

::-webkit-scrollbar-thumb:vertical {
    width: 8px;
    height: 3px;
    background: rgb(8, 10, 23);
    border: 1px solid rgba(104, 110, 138);
}

::-webkit-scrollbar-thumb:horizontal {
    width: 8px;
    height: 3px;
    background: rgb(8, 10, 23);
    border: 1px solid rgba(104, 110, 138);
}


/* ------------------------ 统一滚动条样式 ------------------------ */

* {
    scrollbar-arrow-color: rgba(104, 110, 138, 1);
    scrollbar-face-color: rgba(8, 10, 23, 1);
    scrollbar-highlight-color: rgba(8, 10, 23, 1);
    scrollbar-base-color: rgba(104, 110, 138, 1);
    -ms-scrollbar-arrow-color: rgba(104, 110, 138, 1);
    -ms-scrollbar-face-color: rgba(8, 10, 23, 1);
    -ms-scrollbar-highlight-color: rgba(8, 10, 23, 1);
    -ms-scrollbar-base-color: rgba(104, 110, 138, 1);
}

猜你喜欢

转载自blog.csdn.net/supertree_l/article/details/85341944