outline-offset 在 html 表格元素上基本无效，因 table-cell 等 display 类型不支持 outline 渲染，更无法应用 outline-offset；推荐改用 box-shadow 模拟带偏移的轮廓效果。

outline-offset 不能用于 HTML 表格的 <table> 或其子元素（如 <code><tr>、<code><td>）来可靠地增加轮廓偏移量——因为表格单元格默认具有 <code>display: table-cell，而该 display 类型在多数浏览器中**不支持 outline 的渲染**，更不用说 outline-offset。

为什么 outline-offset 在表格上基本无效

浏览器对 outline 的实现遵循 CSS 规范，但明确指出：outline 是绘制在元素“框外”的装饰线，不占据布局空间，且仅对某些可聚焦或显式设置了 outline 的元素生效。而 <table> 和 <code><td> 默认不可聚焦，且 <code>display: table-cell 在 Chromium 和 Firefox 中被普遍视为“不支持 outline 渲染”的 display 类型（即使强制设了 outline，outline-offset 也常被忽略或表现异常）。

常见错误现象包括：

• 给 <td> 设置 <code>outline: 2px solid red; outline-offset: 4px;，结果 outline 紧贴边框，偏移为 0
• Chrome 中部分 <table> 元素加了 <code>tabindex 后能显示 outline，但 outline-offset 仍不生效
• Firefox 完全不绘制 <td> 的 outline，无论是否设 offset <h3>替代方案：用 <code>box-shadow 模拟带偏移的轮廓

  真正可控、跨浏览器一致的方式是放弃 outline，改用 box-shadow。它支持任意偏移、模糊和颜色，且对所有 display 类型（包括 table-cell）都有效。

  实操建议：

  

  使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

  如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更

  下载
  • 对需要“轮廓偏移效果”的单元格，用 box-shadow: 0 0 0 2px red; 替代 outline（无偏移）
  • 要实现类似 outline-offset: 4px 的效果，写成 box-shadow: 0 0 0 2px red, 0 0 0 6px red; —— 外圈阴影宽度 = 轮廓宽 + 偏移量
  • 若需内凹效果（类似负 offset），可用 inset：box-shadow: inset 0 0 0 2px red;
  • 注意：设置 box-shadow 不会影响表格布局，但会叠加在原有边框上，必要时需配合 border-collapse: separate 和 border-spacing 控制间距

  如果必须用 outline，只能作用于可聚焦容器

  若业务逻辑强依赖 outline（例如无障碍焦点指示），唯一可行路径是把焦点行为转移到 wrapper 元素上，而非表格内部：

  • 给 <table> 包一层 <code><div tabindex="0">，然后对该 <code><div> 应用 <code>outline 和 outline-offset
  • 确保该 <div> 使用 <code>display: inline-block 或 display: block（非 table 相关 display）
  • 避免直接对 <tr> 或 <code><td> 设 <code>tabindex —— 即使能聚焦，outline 渲染也不稳定，尤其在 Safari 中可能完全不显示

    真正容易被忽略的一点：表格结构本身不是为视觉轮廓设计的；当你需要精确控制“轮廓位置”，说明你实际在做视觉反馈或调试高亮——这时候 box-shadow 不仅更可靠，还能自由控制扩散、模糊、多层叠加，比 outline 更灵活。别在表格上硬刚 outline-offset，它从规范到实现都不打算支持你。