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

Question

我正在尝试删除在我构建的 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 或更高版本中测试此问题，提前致谢。

score 3 · Accepted Answer

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

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

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

score 1 · Accepted Answer

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

2 回答 2