遥舟客 - css
type: channel
link: https://www.renlmingj.cn/index.php/category/css/
description: css
items: 网页端元素滚动修改滚动条样式

网页端元素滚动修改滚动条样式
type: item
date: 2025-02-26T15:28:00+08:00
description: /* 整体滚动条样式 */ .box::-webkit-scrollbar { width: 0.3vw; /* 设置滚动条的宽度 */ height: 0.7vh; /* 对于水平滚动条，设置其高度 */ } /* 滚动条轨道样式 */ .box::-webkit-scrollbar-track { background: none; /* 滚动条轨道的背景色 */ border-radius: 6px; /* 滚动条轨道的圆角 */ } /* 滚动条滑块样式 */ .box::-webkit-scrollbar-thumb { background: #F1B807; /* 滚动条滑块的背景色 */ border-radius: 6px; /* 滚动条滑块的圆角 */ }