在此记录,方便以后使用。
/* 定制滚动条整体 */
::-webkit-scrollbar {
width: 8px;
/* 宽度 */
}
/* 定制滚动条轨道 */
::-webkit-scrollbar-track {
background-color: #f1f1f1;
/* 轨道颜色 */
}
/* 定制滚动条滑块 */
::-webkit-scrollbar-thumb {
background-color: #cdcccc;
/* 滑块颜色 */
border-radius: 6px;
/* 圆角 */
}
/* 滑块在鼠标悬停时改变颜色 */
::-webkit-scrollbar-thumb:hover {
background-color: #b6b5b5;
}
/* 隐藏默认的滚动条样式 */
::-webkit-scrollbar {
display: none; /* Chrome, Safari, and Opera */
}