臭名昭著的“大纲：无；” IE 中的问题(8)答案

【问题标题】：Infamous "outline: none;" issue within IE(8)臭名昭著的“大纲：无；” IE 中的问题(8)
【发布时间】：2013-03-21 22:47:30
【问题描述】：

我正在尝试删除在我构建的 UI 中单击锚标记（箭头和缩略图）时创建的轮廓框。我已经设置了“大纲：无；”致所有被这个边界问题折磨的锚元素。样式被拉入 IE 中锚元素的选择器中，但是，当用户单击其中一个元素时，仍会生成轮廓。

有什么建议吗？

div#wrap a, div#wrap a:focus, div#wrap a:active,
div#wrapWrap a, div#wrapWrap a:focus, div#wrapWrap a:active {outline: none !important;}

我确实提前道歉，因为我知道这个问题已经在多次讨论中得到回答。但是，经过研究，我似乎正在遵循正确的程序来解决此问题。不幸的是，这个问题仍然在我的实现中出现。

请仅在 IE8 或更高版本中测试此问题，提前谢谢。

【问题讨论】：

【解决方案1】：

<head> 元素中的以下行正在咬你：

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

如this answer 中所述，您需要删除该行以禁用 IE7 仿真模式。另请注意，如果您在 IIS 上运行，则服务器本身可以强制使用此仿真模式（因此也要检查一下，如果删除它不能解决问题）。另外，请确保您的doctype 设置正确。

【讨论】：

乔纳，非常感谢您的回复。不幸的是，我无法控制 massgeneral.org 上使用的网站的整体基础。现在我知道这是与 EmulateIE7 内容类型相冲突的问题，我可以将其报告为 IS 错误而不是样式错误。
您是否有任何文档说明为什么 IE=EmulateIE7 与 outline: none 属性冲突？我很想阅读它并更好地了解整个情况，以便与我们的 IS 部门沟通我们的内容类型的可能升级。
我没有任何具体的文档，但我认为 IE7 根本不支持大纲。请参阅 this page 以获取解决此问题的技巧。
使用* { _noFocusLine: expression(this.hideFocus=true); } 成功了！谢谢！

【解决方案2】：

实际上，虚线轮廓是 IE 内置的辅助功能（对于那些不能或选择不使用鼠标的人）。真的，它可能不应该被删除，老实说，它并没有真正破坏你的布局或任何东西。但是，如果您必须删除它，也许这些链接之一会帮助您：

【讨论】：