object标签的“边框”实为outline或ua默认边框；需同时设outline:none和border:none（或border-width:0）并加display:block；若需可访问性，应用box-shadow替代outline。
object 标签的“边框”其实是 outline 或 UA 默认边框
点击或聚焦 <object></object> 元素时看到的“边框”，99% 不是它自己画的 border，而是浏览器给可聚焦元素自动加的 outline（比如 Chrome 的蓝色虚线），或是某些 UA 样式里预设的 border: 2px inset。直接删 border 属性往往没用。
必须同时清 outline + 覆盖 UA border 样式
只写 border: none 不够，因为部分浏览器（如旧版 Safari、IE）对 <object></object> 有强默认边框；而只清 outline 又会残留视觉边框。稳妥做法是双管齐下：
-
outline: none清掉焦点轮廓（但注意：若需可访问性，应改用box-shadow替代） -
border: none或border-width: 0覆盖所有 UA 默认边框声明 -
display: block避免行内默认行为导致底部空白（类似<iframe></iframe>） - 如果嵌入的是 Flash 或旧插件，还要确认其自身是否渲染了装饰边框——这无法用 CSS 控制
跨域或插件内容导致的“假边框”怎么排查
即使样式全清，仍看到线？别急着改 <object></object> 本身，先检查这些“影子来源”：
-
box-shadow：父容器或<object></object>自身设置了投影，落在边缘像边框 -
background-color差异：相邻元素背景色不同，形成视觉分界（尤其在 table 布局中） - 插件自身 UI：比如 PDF 插件（
type="application/pdf"）自带工具栏或边框，CSS 无效 -
outline-offset负值或transform导致 outline 溢出，看起来像“错位边框”
完整可靠写法（含可访问性兜底）
以下是最小可行且兼顾键盘用户的写法：
<object data="chart.swf" type="application/x-shockwave-flash" style="border: none; outline: none; display: block; margin: 0;" tabindex="0">
<param name="wmode" value="transparent"></object>
<style>
object:focus {
outline-style: solid;
outline-width: 2px;
outline-color: transparent;
outline-offset: 2px;
box-shadow: 0 0 0 2px #007bff;
}
</style>
关键点在于：tabindex="0" 确保能被键盘聚焦，outline: none 是占位清除，真正反馈由 box-shadow 提供——它不干扰布局，且颜色/大小/圆角都可控。插件类内容若完全不可控，优先考虑降级为 <img> 或现代替代方案（如 SVG、Canvas）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
