Html 如何删除IE7中链接周围的虚线边框

单击时，按钮和链接周围有边框

---

任何人都可以帮我删除它。

您可以使用以下代码执行此操作：

   a:focus{
      border: none;
    }

---

这很难看，但大多数IE修复也是如此

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

尝试设置以下选项：

---

这样就行了

a {
   outline:0;
}

---

您可以按如下方式对其进行预设：

:focus{
    outline:0; /*removes the dotted border*/
}

但是请记住（出于可访问性的原因）将CSS文件中的样式“稍后”设置为更可见的样式。例如：

a:focus, a:active{
    color:#ff5500; /*different color than regular*/
}
input[type=submit]:focus, input[type=submit]:active{
    background-color:#444; /*different color than regular*/
}

试一试

---

始终尝试使用css重置。这将帮助您解决这样的问题。我使用。

首先，我可以看到您的一个标记是

IE7 bug

，而这实际上更像是一个功能。使用此虚线

轮廓

的目的是让用户能够使用鼠标滚轮或

选项卡

键在各种控件之间导航

在任何情况下，要定义元素“聚焦”时的样式，请使用CSS

：focus

选择器。设置此大纲样式的属性通常是，

outline

<代码>大纲：0将阻止焦点大纲出现

注意：您可能只想在按钮上应用该规则，而不是在所有元素上应用该规则，因为有些用户可能习惯于看到指示焦点的内容，这使得使用上述方法导航更容易

希望这对您有所帮助。

这也会起作用

a { outline-style:none; } A. { 轮廓样式：无； }

---

将此规则应用于输入

input { outline : none ; }

---

IE7不支持CSS

outline

。该“浏览器”需要以下CSS表达式：

它也适用于较新版本。

a:link{ 轮廓样式：无； }`试试这个

a:hover, a:active, a:focus {
  outline: 0;
 }

---

这是删除outerline并将CSS放在所需类名下的全部代码。（IE中的类名） 标签示例

a{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

html页面中所有标记的示例

*{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

.myClassName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

#myidName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

html页面中类为myClassName的标记示例

*{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

.myClassName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

#myidName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

html页面中id为myidName的标记示例

*{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

.myClassName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

#myidName{
    _noFocusLine:expression(this.hideFocus=true);
    outline-style:none;
    outline:0;

}

希望这有助于在主流浏览器中工作，如果不是，那么它们已经很老了，那么有多少人仍然在使用这些旧浏览器

注：

大纲：无0

也适用于较新的浏览器，但不适用于所有浏览器。但

outline:0

是通用的，在那些浏览器中不理解“none”，您会得到默认值，但在所有使用此大纲的浏览器中0都理解：。 对于IE7

\u noFocusLine:expression（this.hideFocus=true），您需要这样做

或者使用Javascript来完成剩下的工作

window.document.getElementById("myidName").blur();
window.document.getElementById("myidName").hideFocus=true;
window.document.getElementById("myidName").style.outline=0;

或

或者检查元素是否存在

if (window.document.getElementById("myidName")){
    Obj=window.document.getElementById("myidName");
    Obj.blur();
    Obj.hideFocus=true;
    Obj.style.outline=0;
}

Javascript可以实现IE6和IE7的功能，而其他CSS则不能
 这就是焦点标记。它告诉不使用鼠标/轨迹球/等的用户在文档中的位置导航。除非你用更明显的东西替换它，否则不要移除它。如果你告诉我们你到目前为止尝试了什么，以及为什么不起作用，这会很有帮助。这样我们可以更好/更快地帮助您<代码>关闭

您确定这样做有效吗？我做了一个简单的演示，焦点环仍然出现。是的，它确实有效，请看这里的演示：我可以知道为什么会投反对票吗？这个解决方案非常好。对不起，我真的很抱歉--我定义了一个错误的

DOCTYPE

，因此该规则不起作用。你能编辑一下你的答案吗？这样我就可以改变我的投票了？我再次道歉。@Abody97-是的，那太好了，因为我只帮了你。你不应该无缘无故地否决投票。@maanu这可能是因为你没有定义正确的

DOCTYPE

@maanu-拜托，为什么要接受这个答案？这根本不管用！您感兴趣的属性是轮廓，而不是边框。在IE中试试这个：=仍然看到大纲=不起作用。@Zendy我很感激你的努力，但你的思想对我来说并不起作用。在windows xp上运行时出现IE问题，这是唯一使用此hack code

noFocusLine:xpression（this.onFocus=this.blur（））修复的问题这就是为什么被正确接受的原因answer@darma这正是帮助我作为解决方案请不要简单地张贴代码。给出一些关于代码的解释、信息或用法。例如，我认为这是最简单、最正确的答案。谢谢