overflow:auto产生的滚动条样式的修改
2023-11-16 本文已影响0人
喜欢走弯路的人
/* WebKit浏览器（Chrome、Safari）滚动条样式 */
::-webkit-scrollbar {
width: 6px; /* 滚动条宽度 如果设置为0就是隐藏滚动条但是滚动效果还在非常完美 */
}
::-webkit-scrollbar-track {
background-color: #f1f1f1; /* 滚动条背景颜色 */
}
::-webkit-scrollbar-thumb {
background-color: #888; /* 滚动条滑块颜色 */
}
::-webkit-scrollbar-thumb:hover {
background-color: #555; /* 鼠标悬停时的滚动条滑块颜色 */
}
