纤细自定义滚动条
将系统滚动条替换为纤细圆角的中性色版本。
可复制的代码
* { scrollbar-width: thin; scrollbar-color: #6b7280 transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
background: #6b7280; border-radius: 8px;
border: 2px solid transparent; background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: #4b5563; background-clip: content-box; }如何使用此示例
- 用上方按钮复制代码。
- 安装 JustZix（2 分钟），在目标页面打开扩展。
- 添加一条匹配该页面的新规则。
- 将代码粘贴到规则的 CSS 面板并保存 — 效果立即生效。
为此示例评分
暂无评分 — 成为第一个。