滚动条和文字选择等常用样式

/*滚动条样式*/
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: #CDD9E6;
    border-radius: 2em;
}
::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
    border-radius: 2em;
}

/*文字选择样式*/
::selection {
    background: #bbdefb;
    text-shadow: none;
}
::selection {
    background: #108ee9;
    color: #fff;
}
::selection {
    background: #bbdefb;
    text-shadow: none;
}

 滚动条样式2

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #f5f5f5;
}
::-webkit-scrollbar, :hover::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: rgb(213, 213, 213);
    position: absolute;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}
::-webkit-scrollbar-track {
    display: none;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}
::-webkit-scrollbar-button, ::-webkit-scrollbar-track {
    display: none;
}
::-webkit-scrollbar-track-piece {
    display: none;
}