为什么safari浏览器在暗黑模式下某些网页的文字颜色显示不全？
暗黑模式下，Safari里选中一段文字，突然就看不见了——这事儿在GitHub、Notion或者自建文档站里尤其常见。说实话，问题本身不复杂，但踩坑频率高得离谱：根本原因就在于::selection伪元素没有显式定义color和background-color，导致选中文本时，文字颜色直接fallb
暗黑模式下，Safari里选中一段文字，突然就看不见了——这事儿在GitHub、Notion或者自建文档站里尤其常见。说实话，问题本身不复杂，但踩坑频率高得离谱：根本原因就在于::selection伪元素没有显式定义color和background-color，导致选中文本时，文字颜色直接fallback到浏览器默认的黑色，在深色背景上自然就“消失”了。
更准确地说，是浏览器在暗黑模式下，没有主动去重写::selection的默认样式。父元素明明设了color: #e2e8f0，但::selection里没写color，结果文字颜色掉回黑色——深色背景一盖，自然就看不到了。
根本原因：::selection不继承父级文本色
父元素设了color: #e2e8f0，但::selection里没写color→文字颜色fallback到浏览器默认值（通常是黑色），深色背景下就看不见了。
【必须同时定义::selection和::-moz-selection】，否则Firefox下完全不生效；Safari对带alpha通道的background-color（如#3b82f680）渲染异常，背景“变透明”，文字直接叠在深色容器上。
修复方案：全局兜底写法
第一步：在CSS全局样式表最顶部添加以下规则：
::selection, ::-moz-selection {
color: #f1f5f9;
background-color: #4a5568;
}
第二步：确保该CSS被所有页面加载，不要放在scoped样式块或组件内——Vue/React中::selection写在scoped CSS里会因选择器提升失效，实际影响的是整个页面。
第三步：验证对比度。暗黑模式下color至少用#e2e8f0（不是#94a3b8这种中灰），确保WCAG AA级对比度≥4.5:1；background-color避免纯透明或低alpha，稳妥起见用十六进制不透明色。
局部覆盖：只对可选中文本生效
方法一：给代码块单独高亮
写pre code::selection，而不是pre::selection——后者会把整块都高亮，包括行号。
方法二：避开无效区域
【button、input默认user-select: none】，写了button::selection也无效；想让输入框支持选中高亮，得先加user-select: text。
火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力，依托字节自研豆包多模态大模型，凭借火山方舟一站式平台，提供模型精调、推理部署、智能应用搭建等全链路服务，结合高性能AI算力，助力各行业快速落地大模型数字化与智能化应用。
AirBuddy 3 是面向 macOS 的蓝牙外设增强工具，可集中查看 AirPods、Beats 与苹果设备电量，提供快速连接、播放控制、电量提醒、桌面小组件和多台 Mac 外设接力等功能。
AirServer macOS版可把 Mac 转换为无线投屏接收端，通过 AirPlay 或 Google Cast 接收手机、平板和电脑画面，并支持多设备同时连接、高清镜像及会话录制，适合家庭娱乐、课堂教学、会议演示和应用展示。
Autodesk Maya 是面向影视、电视、动画和游戏行业的专业三维制作软件，集多边形与 NURBS 建模、角色绑定、关键帧和动作捕捉动画、Bifrost 特效模拟、材质开发及 Arnold 渲染于一体，
AirServer Windows版可把电脑变成AirPlay、Google Cast和Miracast无线投屏接收端，适合会议演示、课堂教学及家庭大屏分享。发送设备通常无需另装客户端，并可同时接收和智能排列多个镜像会话。