Question

当我们使用CSS使用文本替换时，给出一个负的测试缩进，即text-indent:-9999px。然后，当我们点击该链接时，虚线显示在下面的示例图像中。这是什么解决方案？

Answer 1

删除锚标记的大纲

a {outline : none;}

从图片链接中删除大纲

a img {outline : none;}

从图片链接中删除边框

img {border : 0;}

Answer 2

您可以在锚元素上使用CSS属性“outline”和值“none”。

a {
outline: none;
}

希望有所帮助。

Answer 3

请注意，焦点样式有一个原因：如果你决定删除它们，那么通过键盘导航的人只会不知道焦点是什么，所以你会损害你网站的可访问性。 / p>

（保持它们的位置也有助于不喜欢使用鼠标的高级用户）

Answer 4

在 Firefox 和 Internet Explorer（IE）中有相同的边框效果，当您点击某个链接时它会变为可见。

此代码将仅修复IE：

a:active { outline: none; }.

这个将修复Firefox和IE ：

:active, :focus { outline: none; -moz-outline-style: none; }

如果您要从网站中删除链接边框，则应将最后一个代码添加到样式表中。

Answer 5

在样式表中包含此代码

img {border : 0;}

a img {outline : none;}

Answer 6

我希望这对你们中的一些人有用，它可以用来从链接，图像和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 ...单击输入type = image也可以生成虚线轮廓，要在旧版本的firefox中删除它，以下将执行技巧：

   input::-moz-focus-inner { 
   border: 0; 
   }

IE 9在某些情况下不允许删除链接周围的虚线轮廓，除非您在页面之间和页面中包含此元标记：

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

Answer 7

这是适用于Google Chrome的最新产品

:link:focus, :visited:focus {outline: none;}

Answer 8

基于Gecko的浏览器中的

-moz-user-focus: ignore;（您可能需要！重要，具体取决于它的应用方式）

Answer 9

您可以将overflow:hidden放在带有文本缩进的属性上，并且该页面外的虚线将消失。

我已经看过几篇关于一起删除轮廓的帖子。这样做时要小心，因为您可能会降低网站的可访问性。

a:active { outline: none; }

我个人只会使用此属性，就好像:hover属性具有相同的css属性一样，它会阻止为使用键盘进行导航的人显示轮廓。

希望这能解决你的问题。

Answer 10

对HTML 4.01使用Like This。

<img src="image.gif" border="0">

Answer 11

为了删除Dotted Outline href链接，您可以在css文件中写入：

a {
   outline: 0;
}

Answer 12

我敢打赌，大多数用户不是使用键盘作为导航控件的用户类型。那么，对于一个喜欢使用键盘导航的小组来说，惹恼大多数用户是否可以接受？简短回答 - 取决于您的用户是谁。

另外，我在Firefox和Safari中没有以同样的方式看到这种体验。所以这个论点似乎主要针对IE。这一切都取决于您的用户群和他们的知识水平 - 他们如何使用该网站。

如果您真的想知道自己身在何处并且自己是键盘用户，则可以在关键时通过网站查看状态栏。

Answer 13

这对我来说很完美

a img {border:none;}

Answer 14

任何带有链接的图片都会在图片周围显示边框，以帮助表明它是与旧版浏览器的链接。将border =“0”添加到IMG HTML标记将阻止该图片在图像周围有边框。

但是，为每个图像添加border =“0”不仅耗费时间，还会增加文件大小和下载时间。如果您不希望任何图像有边框，请创建一个CSS规则或CSS文件，其中包含以下代码。

img {border-style：none; }

Answer 15

如果上述解决方案不适用于任何人。也尝试一下

a {
 box-shadow: none;
}

Answer 16

是的，我们可以使用。 CSS重置为a {outline:none}以及

a:focus, a:active {outline:none} 关于重置CSS的最佳实践，最佳解决方案是使用普通:focus{outline:none}如果您仍有最佳选择，请分享

如何删除超链接图像周围的轮廓？

16 个答案: