Question

我正在尝试删除在我构建的UI中单击锚点标记（箭头和缩略图）时创建的大纲框。我设置了“outline：none;”对这个边界问题折磨的所有主要元素。该样式被拉入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或更高版本中测试此问题，提前谢谢。

Answer 1

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

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

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

Answer 2

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