"CSS 滚动条样式：scrollbar-color/scrollbar-width 与跨浏览器策略"

概述滚动条样式在浏览器间支持差异显著：Firefox 提供标准属性 `scrollbar-color/scrollbar-width`，Chromium/Safari 通过非标准的 `::-webkit-scrollbar` 伪元素。设计时需关注可访问性与可点击区域，避免影响使用。示例（Firefox）html { scrollbar-color: #888 #f5f5f5; scrollbar-width: thin } 示例（Chromium/WebKit 非标准）/* 仅用于兼容，避免过度定制造成可用性问题 */ ::-webkit-scrollbar { width: 8px; height: 8px } ::-webkit-scrollbar-thumb { background: #888; border-radius: 8px } ::-webkit-scrollbar-track { background: #f5f5f5 } 工程建议可访问性：保持足够对比度与尺寸；考虑高对比模式与触控设备差异。跨浏览器策略：标准属性优先；非标准方案按需最小化使用。性能与 UX：避免过度阴影与重绘；测试滚动性能与交互。参考与验证MDN 滚动条样式文档：https://developer.mozilla.org/docs/Web/CSS/CSS_ScrollbarsWebKit/Chromium 非标准伪元素说明：相关平台文档与兼容说明