如何删除超链接图像的轮廓？
当我们使用文本replace使用CSS，并给一个负面的testing缩进，即text-indent:-9999px 。 然后，当我们点击该链接时，虚线出现在下面的示例图像中。 这是什么解决scheme？
大纲示例http://i44.tinypic.com/o56lcg.jpg
用于删除锚标记的轮廓
a {outline : none;}
从图像链接中删除轮廓
a img {outline : none;}
从图像链接中删除边框
img {border : 0;}
您可以在锚点元素上使用CSS属性“outline”和“none”的值。
a { outline: none; }
希望有所帮助。
对于Internet Explorer 9：
a:active, a:focus { outline: none; ie-dummy: expression(this.hideFocus=true); }
资料来源： http : //social.msdn.microsoft.com/Forums/en-HK/ieextensiondevelopment/thread/1023adfd-bd73-47ac-ba9c-2bad19ac583a
请注意，重点风格是有原因的：如果你决定删除它们，通过键盘导航的人只是不知道什么是焦点，所以你伤害了您的网站的可访问性。
（保持它们的位置也有助于不喜欢使用鼠标的用户）
在Firefox和Internet Explorer（IE）中具有相同的边框效果，当您单击某个链接时，它会变得可见。
这个代码只会修复IE：
a:active { outline: none; }.
而这一个将解决Firefox和IE ：
:active, :focus { outline: none; -moz-outline-style: none; }
如果你想从你的网站中删除链接边框，最后的代码应该被添加到你的样式表中。
在你的样式表中包含这个代码
img {border : 0;} a img {outline : none;}
我希望这对你们中的一些人有用，它可以用来从链接，图像和Flash中删除轮廓，从MSIE 9中删除：
a, a:hover, a:active, a:focus, a img, object, embed { outline: none; ie-dummy: expression(this.hideFocus=true); /* MSIE - Microsoft Internet Explorer 9 remove outline */ }
下面的代码可以隐藏图像边框：
img { border: 0; }
如果你想支持Firefox 3.6.8而不是Firefox 4 …点击一个inputtypes=图像也可以产生一个虚线的轮廓，以在旧版本的Firefox中删除它，下面将做的伎俩：
input::-moz-focus-inner { border: 0; }
在某些情况下，IE 9不允许删除链接周围的虚线轮廓，除非在页面之间和之间包含此元标记：
<meta http-equiv="X-UA-Compatible" content="IE=9" />
-moz-user-focus: ignore; 在基于Gecko的浏览器中（你可能需要！很重要，这取决于它如何应用）
使用这样的HTML 4.01
<img src="image.gif" border="0">
你可以把overflow:hidden到文本缩进的属性上，那个跨越页面的虚线将会消失。
我已经看到了几个关于一起删除轮廓的post。 这样做时要小心，因为可能会降低网站的可访问性。
a:active { outline: none; }
我个人只会使用这个属性，就像:hover属性具有相同的css属性一样，它将会阻止那些使用键盘进行导航的人显示轮廓。
希望这可以解决你的问题。
这是Google Chrome上的最新版本
:link:focus, :visited:focus {outline: none;}
我敢打赌，大多数用户不是使用键盘作为导航控件的用户types。 惹恼大多数用户喜欢使用键盘导航的小组是否可以接受？ 简短的回答 – 取决于你的用户是谁。
另外，我没有在Firefox和Safari中以相同的方式看到这种体验。 所以这个说法似乎主要是针对IE。 这一切都取决于您的用户群和他们的知识水平 – 他们如何使用该网站。
如果你真的想知道你在哪里，你是一个键盘用户，你可以随时在网站上键入状态栏。
这对我来说是完美的
a img {border:none;}
任何具有链接的图片都将在图片周围有一个边框，以帮助表明这是与旧版浏览器的链接。 将边框=“0”添加到您的IMG HTML标记将防止该图片在图像周围有一个边框。
但是，为每个图像添加border =“0”不仅耗时，还会增加文件大小和下载时间。 如果您不希望任何图像具有边框，请创build一个CSS规则或CSS文件，其中包含以下代码。
img {border-style：none; }
为了去除虚线轮廓href链接，你可以在你的css文件中写入：
a { outline: 0; }
是的，我们可以使用。 CSS重置为a {outline:none}也是如此
a:focus, a:active {outline:none}重置CSS的最佳实践，最佳解决scheme是使用common :focus{outline:none}如果您仍然有最佳选项，请分享
