::-webkit-scrollbar {
width: 2px;
height: 1px;
}
::-webkit-scrollbar-thumb {
background-color: #999;
-webkit-border-radius: 5px;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:vertical:hover {
background-color: #666;
}
::-webkit-scrollbar-thumb:vertical:active {
background-color: #333;
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}
修改滚动条样式(亲测好用)
Webkit滚动条样式定制:CSS实现细节,
最新推荐文章于 2025-09-11 04:48:21 发布
本文详细解释了如何使用CSS在Webkit浏览器中自定义滚动条的外观,包括宽度、颜色和交互效果,如鼠标悬停和激活状态的改变。
2318





