CSS如何改变滚动条的颜色样式粗细？

2025/5/19 18:21:23 来源：https://blog.csdn.net/zhangxueyou2223/article/details/143595461 浏览: 次关键词：CSS如何改变滚动条的颜色样式粗细？

默认滚动条很丑怎么办？如何改版滚动条的粗细，颜色，让它更美观？CSS如何改变滚动条的粗细？

干货来了

/* Webkit内核浏览器的滚动条样式 */
::-webkit-scrollbar {width: 4px; /* 设置滚动条的宽度 */
}::-webkit-scrollbar-thumb {background-color: #0A2148; /* 设置滚动条的颜色 */
}/* Firefox浏览器的滚动条样式 */
::-moz-scrollbar {width: 4px; /* 设置滚动条的宽度 */
}::-moz-scrollbar-thumb {background-color: #0A2148; /* 设置滚动条的颜色 */
}