滚动条和文字选择等常用样式
/*滚动条样式*/ ::-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; }