真正能彻底隐藏打印边框的是@media print中显式重置table、td、th的border为none并加!important，因浏览器打印样式会覆盖普通css，且内联样式或框架样式需更强选择器兜底。
直接设 border: none 不管用——浏览器打印样式表会覆盖你的 CSS，而且部分边框可能残留。真正能彻底隐藏打印边框的，只有显式重置所有相关元素，并压制用户代理样式。
为什么 table { border: none } 在打印时失效
Chrome、Edge、Safari 的 @media print 默认把 table、td、th 的 border 设为 none，但前提是它们没被你之前的样式“锚定”住；更麻烦的是，某些 UI 框架（如 Element Plus）或富文本编辑器（如 UEditor）会在内联 style 里写死 border: 1px solid #ddd，CSS 选择器权重不够就压不住。
- 只写
table { border: none }，td和th仍可能继承或保留原有边框 - 没加
!important，会被浏览器打印默认样式或外层框架样式覆盖 -
border-collapse: collapse不影响“隐藏”，但它会让残留边框更难排查（双线变单线，视觉干扰小）
必须同时重置 table、td、th 的 border
最简有效写法：
@media print {
table,
td,
th {
border: none !important;
}
}
注意三点：
- 不能漏掉
th——表头单元格常被忽略，但打印时它照样渲染边框 - 必须带
!important，否则多数浏览器打印引擎会无视你的声明 - 不要用
border: 0，某些旧版 Edge 对0解析不稳定，none更稳妥
富文本或 CMS 里边框顽固不消失怎么办
如果表格来自 UEditor、TinyMCE 或后台模板生成，内联 style 里带 border，光靠外部 CSS 不够。得用更强力的兜底方案：
@media print {
table[style*="border"],
td[style*="border"],
th[style*="border"] {
border: none !important;
}
/* 同时清除 outline 和 box-shadow（常被误认为边框） */
* {
outline: none !important;
box-shadow: none !important;
}
}
说明：
-
[style*="border"]是属性选择器，匹配任意含border字样的内联样式，比逐个 class 覆盖更鲁棒 - 某些框架会给
td加outline（比如聚焦态残留），不清理会看到虚线 - 移动端 Safari 可能因 sub-pixel 渲染闪出细白线，此时加
transform: translateZ(0)到table上可缓解
打印预览里还有细线？检查是否是 background 或 shadow 冒充
删光了 border 还有线，大概率不是边框，而是：
-
background-color差异形成的视觉分隔（尤其浅灰背景 + 白底单元格） - 父容器的
box-shadow投影落在表格边缘 - 字体抗锯齿或 sub-pixel 渲染导致的像素级残留（iOS Safari 常见）
快速验证：打开 DevTools → 选中疑似有线的 td → 看 Computed 面板里 border、outline、box-shadow 是否全为 none。如果不是，对应清掉。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
