css 滚动条宽度

作者：迎着风飛行こ发布日期:2026-06-16 浏览:65

/* 设置滚动条的宽度 */
/* 1. 修改整个页面的滚动条样式 */
body::-webkit-scrollbar {
    width: 10px; /* 滚动条宽度 */
}

/* 2. 修改特定元素的滚动条样式 */
.custom-scrollbar::-webkit-scrollbar {
    width: 12px; /* 滚动条宽度 */
}

/* 解释说明：
- ::-webkit-scrollbar 是用于选择浏览器默认滚动条的伪元素。
- width 属性用于设置滚动条的宽度，可以为任意有效的 CSS 长度值（如 px、em 等）。
- body::-webkit-scrollbar 表示修改整个页面的滚动条样式。
- .custom-scrollbar::-webkit-scrollbar 表示修改带有 custom-scrollbar 类的元素的滚动条样式。
*/

上一篇：cssbeforeafter用法

下一篇：css取消下划线