::-webkit-scrollbar {
width: 10px;
height: 10px;
background: red;
&:vertical {
// border-left: 1px solid #cfdadd;
}
// &:horizontal {
// border-left: 1px solid #cfdadd;
// }
}
/* 滚动槽 /
::-webkit-scrollbar-track {
border-radius: 6px;
}
/ 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 6px;
// border: 2px solid rgba(255, 255, 255, 0);
background: #47a3e6;
// &:vertical {
// box-shadow: 6px 0 0 #c7c7c9 inset;
// }
// &:horizontal {
// box-shadow: 0 6px 0 #c7c7c9 inset;
// }
}
修改浏览器滚动条样式
于 2022-02-17 11:08:20 首次发布