firefox 对 ::selection 的处理与其他浏览器不同，它不继承父元素颜色且重置为系统默认黑字白底；必须显式声明 color 和 background-color，同时保留 ::-moz-selection 兼容旧版，并避免使用 text-shadow、rgba()、calc() 等跨浏览器不兼容特性。
Firefox 对 ::selection 的处理逻辑和其他浏览器根本不同——它不继承父元素颜色，也不默认应用你写的 background-color，而是重置为系统级黑字白底。这不是 bug，是规范留白导致的实现分歧。
Firefox 默认重置 ::selection 样式
Chrome/Edge 默认让 ::selection 继承父元素的 color 和 background-color；Firefox 则几乎清空所有样式，回退到操作系统默认选中态（通常是黑色文字 + 白色背景）。比如你在 p 上设了深色文字+浅灰背景，选中后 Chrome 会保持对比度，Firefox 却可能变成黑字白底，反差刺眼。
- 必须显式声明
color和background-color，缺一不可 - 只写
background-color不生效：Firefox 会保留黑色文字，导致“黑字黑底”看不见 - 只写
color同样危险：可能变成“白字白底”，同样不可见
::-moz-selection 还得继续用
尽管 Firefox 自 61 版本起宣称支持标准 ::selection，但大量真实用户仍在使用旧版本（尤其是 Linux 发行版自带的 Firefox），且某些构建变体仍依赖 ::-moz-selection。仅写 ::selection 会漏掉这部分流量。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 不能省略
::-moz-selection，也不能和::selection合并在一条规则里（如::selection, ::-moz-selection） - 必须拆成独立规则，顺序无关，但必须共存
-
::-webkit-selection是给 Chrome/Safari 的，::-ms-selection已无必要（Edge 79+ 已转向 Blink）
text-shadow 和 rgba() 在 Firefox 中表现稳定，但 Safari 不认
text-shadow 在 Firefox 中能正常渲染，但 Chrome/Safari 大部分版本直接忽略；rgba() 背景色在 Firefox 里没问题，但在 Safari ≤ 15.6 中可能退化为纯黑或纯白，甚至 iOS Safari 会把文字色当背景色渲染。
- 跨浏览器统一效果，优先用十六进制不透明值（如
#007acc），别用rgba(0, 122, 204, 0.9) - 如果真要加
text-shadow，只在::selection和::-moz-selection里写，::-webkit-selection里写了也白搭 - 别在
::selection里用calc()、CSS 变量计算值或background-image——全被静默丢弃
user-select: none 会让 ::selection 彻底失效
只要任意上级元素设置了 user-select: none，子元素哪怕显式写了 user-select: text，::selection 也不会触发。Firefox 尤其严格：它连样式计算都不走，DevTools 的 Styles 面板里根本看不到 ::selection 规则匹配。
- 排查方法：选中文本 → DevTools → Styles 面板搜
::selection→ 若没出现，往上逐级看 computed styles 中的user-select值 - React/Vue 组件里常因封装逻辑意外挂了
user-select: none（比如按钮、卡片标题），需手动检查 DOM 结构 - 若必须禁用选择又想保留高亮，改用
pointer-events: none+ 单独可选区域包裹文本（但交互逻辑需重设计）
最易被忽略的是作用域穿透问题：::selection 不进 Shadow DOM，也不穿透 <style scoped></style>。你在 Vue 单文件组件里写全局 ::selection，结果只对 template 外部生效——内部文字照样黑底白字。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
