如何删除周围活动的超链接虚线边框IE8中使用CSS(How to remove dotted bor

活动超链接文本会突出显示与虚线边框。当使用这种超链接的效果（淡入/淡出）它产生奇怪的效果。如何禁用/删除虚线边框？

Answer 1:

试试这个CSS：

a:active, a:selected, a:visited { 
    border: none;
    outline: none;
}

请注意，这必须是之后的任何a:hover规则。由于PERA在使用暗示评论a:selected选择器为好。

注意

上述不 IE 9.工作卸下：选择导致它在IE9工作。

Answer 2:

典型的和安全的方式做到这一点是这样的：

a:active, a:focus {
   outline:  none; /* non-IE */
   ie-dummy: expression(this.hideFocus=true); /* IE6-7 */
}

由于expresssion()已在IE8被烧毁，你可能需要一个脚本：

if (document.documentElement.attachEvent)
    document.documentElement.attachEvent('onmousedown',function(){
         event.srcElement.hideFocus=true
    });

如果你要删除默认的焦点轮廓， 你必须定义自己独特的风格:focus ，否则键盘用户会使用你的网站有一个困难时期。

Answer 3:

小心。虚线边界是键盘浏览的有价值的部分。它强调被点击哪个链接。

a:active { outline: none; }

作者弥敦道史密斯给出的这个更全面的讨论，在他的博客，以及各种相关问题。

Answer 4:

a:active, a:focus {
    outline:none;
}

Answer 5:

尝试使用这个CSS：

对于Mozilla：

|:-moz-any-link:focus { outline: none; }

|:focus { outline: none; }

button, input[type="reset"], input[type="button"], input[type="submit"] { outline: none; }

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { padding: 0px 2px 0px 2px; border: 1px dotted transparent; }

对于IE8：

a:active, a:focus { 
    border:none;
    outline:none;
}

Answer 6:

在一个{ outline: none; } { outline: none; }打破了键盘的可用性。而a:active {}选择似乎打破它一样好，我最后一次在Firefox检查。

有一个JS的方式来摆脱边界不破坏任何东西，以及JS代码，以摆脱IE6和IE7的边界。

我所描述的方法，我的教程。

Answer 7:

在JavaScript的解决方案，以清除活性边境上所有的浏览器链接：添加事件的onfocus =“this.blur（）;” 在您的链接

<a href="#" onfocus="this.blur()"> Link </a>

注意：这将在所有的浏览器。

Answer 8:

a:focus, *:focus {
    noFocusLine: expression(this.onFocus=this.blur());
}

从这里取： http://www.cssjunction.com/css/remove-dotted-border-in-ie7/

Answer 9:

这一件作品最适合我

a{
  outline: 0;
}

Answer 10:

我希望得到这个工作的按钮，这为我工作

button { 

    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;    
    background-color: transparent;
    noFocusLine: expression(this.onFocus=this.blur());
}

Answer 11:

在对象和嵌入0：您也可以使用大纲。一些基本归零CSS是这样的：

a, a:visited { 
    text-decoration:none;
    color: #e3a512; 
    }
a:hover, a:active, a:focus { 
    text-decoration:none;
    color: #fff;
    outline:0;
    }
object, embed, a, a img, a:active, a:selected, a:visited {
    outline:0
    }