如何删除IE8中的活动超链接与CSS的虚线边框
活动超链接文本以虚线边框突出显示。 在超链接上使用效果时（fadeIn / fadeOut）会产生奇怪的效果。 如何禁用/删除虚线边框？
试试这个CSS：
a:active, a:selected, a:visited { border: none; outline: none; } 请注意，这必须在任何a:hover规则之后。 感谢PErabuild议使用a:selectedselect器。
注意
以上在IE 9中不起作用。删除a：selected会导致它在IE9中工作。
典型和安全的方法是这样的：
a:active, a:focus { outline: none; /* non-IE */ ie-dummy: expression(this.hideFocus=true); /* IE6-7 */ }
由于expresssion()已经在IE8中expresssion() ，你可能需要一个脚本：
if (document.documentElement.attachEvent) document.documentElement.attachEvent('onmousedown',function(){ event.srcElement.hideFocus=true });
如果要删除默认的焦点大纲，则必须为:focus定义自己独特的样式 ，否则键盘用户将很难使用您的站点。
小心。 虚线边框是键盘浏览的重要部分。 它突出显示哪个链接将被点击。
a:active { outline: none; }
作者Nathan Smith对他的博客进行了更彻底的讨论 ，以及各种相关的问题。
a:active, a:focus { outline:none; }
试试这个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; }
a { outline: none; } { outline: none; }打破了键盘的可用性。 和a:active {}select器似乎打破了一样好，我最后一次检查Firefox。
有一个JS的方式来摆脱边界没有破坏任何东西，以及JS代码摆脱IE6和IE7的边界。
我在我的教程中描述了这个方法。
JavaScript中的解决scheme删除所有浏览器上的链接上的活动边框：添加事件onfocus =“this.blur（）;” 在你的链接
<a href="#" onfocus="this.blur()"> Link </a>
注意：这将适用于所有浏览器。
a:focus, *:focus { noFocusLine: expression(this.onFocus=this.blur()); }
采取从这里： http : //www.cssjunction.com/css/remove-dotted-border-in-ie7/
这个对我来说是最好的
a{ outline: 0; }
我想得到这个button的工作，这对我工作
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()); }
您也可以在对象上使用大纲：0并embedded。 一些基本的调零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 }
a img {border: none; }
就是这样，没有必要把这个复杂化。
