结论：仅靠print-color-adjust: exact不足够，必须三者齐备（-webkit-print-color-adjust: exact、color-adjust: exact、print-color-adjust: exact），且作用于具体表格元素（如table、tr、td），否则浏览器默认以economy模式清空背景色；chrome/edge严格依赖css，firefox还受about:config中print.print_background等开关影响，用户勾选“仅打印文本”时所有背景样式均失效。
直接说结论：仅靠 print-color-adjust: exact 不足以让表格背景色在打印时显示，必须配合 -webkit-print-color-adjust: exact、color-adjust: exact 三者齐备，且作用在具体表格元素（如 table、tr 或 td）上，否则浏览器仍会丢弃背景色。
为什么 table { background-color: #f0f0f0 } 在打印预览里是白的
不是 CSS 写错了，是浏览器默认把 color-adjust 设为 economy，主动清空所有背景图形——哪怕你写了 @media print { table { background-color: #f0f0f0; } }，只要没声明 exact 模式，这条规则就形同虚设。Chrome 和 Edge 尤其严格，Firefox 则更依赖用户端开关是否开启。
-
background-color比color更容易被丢弃；文字颜色可能还剩点灰，但背景色基本归零 - 只写
table { background-color: #f0f0f0; }而不带print-color-adjust，等于没写 - 把
print-color-adjust写在body或* {}上，部分浏览器（尤其是旧版 Firefox）会忽略，必须落到具体表格节点
@media print 中怎么写才真正生效
不能偷懒用 background 简写，也不能只加一个前缀。稳妥写法是拆开、显式、带 !important（尤其对 tr 和 td）：
- 用
background-color单独设置，不混background-image或简写：tr.highlight { background-color: #eef2ff !important; } - 三属性必须同时存在：
-webkit-print-color-adjust: exact !important;、color-adjust: exact !important;、print-color-adjust: exact !important; - 不要写成
background: #eef2ff url(...) no-repeat;—— 这种简写会覆盖前面的print-color-adjust声明 - 如果表格有隔行变色，建议给
tr:nth-child(odd)和tr:nth-child(even)都单独加这组声明
Firefox 用户必须额外检查两项配置
即使 CSS 全对，Firefox 仍可能无视你的 exact 声明，因为它有两道独立开关控制背景输出：
- 打开
about:config，确认print.print_background和print.print_background_images均为true - 这两项默认是
false，光靠 CSS 无法绕过；print-color-adjust只管“怎么渲染”，不管“要不要渲染” - 如果用的是企业环境或受管理策略限制的 Firefox，
about:config修改可能被重置，此时需考虑注入userContent.css强制全局生效
Chrome / Edge 打印对话框里的那个开关很关键
哪怕你写了全套 CSS，用户如果在 Chrome 打印界面勾选了「仅打印文本」（Print text only），所有背景相关样式都会被跳过解析——此时 print-color-adjust 根本没机会执行。
- 这个选项在 Chrome 的「更多设置」里，默认关闭；但用户可能无意中打开它
- 无法通过 JS 或 CSS 检测或强制关闭该选项，属于浏览器 UI 层级干预
- 如果你做的是内部系统或 Electron/CefSharp 应用，没有这个 UI 开关，那 CSS 三件套就是唯一可靠手段
真正麻烦的不是写错属性，而是不同浏览器对同一套 CSS 的响应层级不同：Firefox 看配置 + CSS，Chrome 看 UI 开关 + CSS，Safari 对 color-adjust 支持偏晚。所以最稳的做法是——CSS 三件套写全、作用到具体元素、再提醒用户检查浏览器打印设置。漏掉任何一环，背景色就消失。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
