元素在chrome、firefox中不支持css自定义滚动条，因其下拉弹出层为独立渲染层；需用+模拟下拉并设置overflow-y:auto才能生效::-webkit-scrollbar规则。
Chrome/Firefox 中 <select></select> 无法用 CSS 自定义滚动条
直接说结论：<select></select> 元素在 Chrome、Firefox 等主流浏览器中，不支持通过 ::-webkit-scrollbar 或其他伪元素修改下拉列表的滚动条样式。这是浏览器原生控件的限制，不是写法问题。
常见错误现象包括：写了 ::-webkit-scrollbar 规则但完全没效果；用 overflow: scroll 强行触发滚动却无效；甚至尝试给 <select></select> 加 appearance: none 后发现下拉箭头消失，但列表依然不可样式化。
根本原因在于：下拉弹出层（popup）是独立于 DOM 的渲染层（比如 Chrome 使用 OS 原生菜单，Firefox 使用 XUL/Widget 层），CSS 无法穿透控制。
可行方案：用 <div> + <code><ul></ul> 模拟下拉并接管滚动
真正能自定义滚动条的，是普通可滚动容器，比如带 overflow-y: auto 的 <div> 或 <code><ul></ul>。所以必须放弃原生 <select></select>，改用语义化模拟：
- 用
<div class="custom-select"> 包裹一个隐藏的 <code><input type="hidden">或<select hidden></select>用于表单提交 - 点击时显示
<ul class="dropdown-list"></ul>，其内部<li>作为选项 - 给
.dropdown-list设置固定高度和overflow-y: auto，此时::-webkit-scrollbar才生效 - 用 JS 绑定点击、键盘导航（
ArrowDown/Enter）、焦点管理
示例关键 CSS：
.dropdown-list {
max-height: 200px;
overflow-y: auto;
}
.dropdown-list::-webkit-scrollbar {
width: 8px;
}
.dropdown-list::-webkit-scrollbar-track {
background: #f1f1f1;
}
.dropdown-list::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
.dropdown-list::-webkit-scrollbar-thumb:hover {
background: #555;
}
IE/Edge Legacy 下 ::-ms-scrollbar 已废弃且不推荐
旧版 Edge（EdgeHTML）曾支持 ::-ms-scrollbar 系列伪类，但已在 Chromium 版 Edge 中彻底移除。Windows 原生滚动条样式也早已不响应这些规则。
如果你仍需兼容 IE11：
- 不要浪费时间尝试
::-ms-scrollbar—— 它对<select></select>下拉列表同样无效 - IE11 也不支持
appearance: none彻底隐藏原生箭头，视觉一致性更差 - 唯一可靠路径仍是模拟下拉，用 JS 控制显隐和选中态
注意：模拟方案需额外处理 focus/blur、tabindex、ARIA 属性（如 aria-expanded、aria-activedescendant），否则无障碍访问会出问题。
移动端 Safari 和 Android WebView 的特殊限制
iOS Safari 对任何自定义下拉交互都极其敏感：一旦监听了 touchstart 或阻止默认行为，可能直接禁用原生下拉菜单的唤起逻辑；而 Android WebView（尤其旧版）常把模拟下拉识别为“非安全手势”，导致点击无响应。
实操建议：
- 避免在
touchstart中调用preventDefault()，改用click事件触发展开 - 给
.dropdown-list添加-webkit-overflow-scrolling: touch提升 iOS 滚动流畅度 - Android 上若滚动卡顿，尝试加
transform: translateZ(0)强制 GPU 加速 - 永远保留一个降级 fallback：检测到不支持 JS 或触摸环境异常时，回退到原生
<select></select>
滚动条样式本身只是表象，真正的复杂点在于跨平台事件流、焦点同步、键盘导航与屏幕阅读器兼容性的耦合——这些细节漏掉一个，用户就可能点不开、切不到、读不出。
