如何删除围绕在IE7中的链接虚线框(how to remove dotted border arou

2019-06-27 03:43发布

周围有按钮和链接边境时点击。

任何人都可以帮我解决方案将其删除。

Answer 1:

它的丑陋,而且还有最IE修复。

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


Answer 2:

您可以预设它这样:

: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*/
}


Answer 3:

试试这个

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


Answer 4:

要下手,我可以看到你的标签之一是IE7-bug ,而这其实更像是一个特点。 具有该点的目的outline是用户能够使用他们的鼠标滚轮或各种控件之间导航tab键。

在任何情况下,定义一个元素的样式时,它的“重点”使用CSS :focus选择。 该样式这个纲要是,平凡的财产, outline ; outline: 0将阻止焦点轮廓出现。

注意:您可能希望应用该规则只在您的按钮,而不是在所有的元素,因为有些用户可能是看惯的东西来表示焦点,这使得它更容易使用上面提到的方法进行导航。

希望帮助以任何方式。



Answer 5:

CSS outline没有在IE7支持。 这种“浏览器”需要以下CSS表达式:

a {
    _noFocusLine: expression(this.hideFocus=true); 
}

它的工作原理也较新版本。



Answer 6:

这会做的伎俩

a {
   outline:0;
}


Answer 7:

这也将工作

    a 
    {
        outline-style:none;
    }


Answer 8:

一:链接{外形风格:无; }`



Answer 9:

尝试将大纲属性 :

a {
   outline: 0;
}


Answer 10:

尝试

a {
     outline: none;
}

总是试图用css reset.This将帮助您解决像this.I使用的问题埃里克·迈耶的css重置工具 。



Answer 11:

此规则应用于输入

input { outline : none ; }


Answer 12:

这是各地的代码删除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;

}

例如在你的HTML页面类myClassName标签!

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

}

例如在你的HTML页面ID myidName标签!

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

}

希望这有助于在主流浏览器,如果没有他们那么老那么有多少人仍然在使用这种旧的浏览器的机会!

注: outline:none 0; 在没有新的浏览器而不是在所有的也可以。 但outline:0; 是普遍的,在这些浏览器有鸵鸟政策明白“没有”,你会得到那里有默认值,但0在所有的浏览器理解有采用该大纲:。 而你需要这个IE7 _noFocusLine:expression(this.hideFocus=true);

或使用JavaScript的休息!

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

要么

Obj=window.document.getElementById("myidName");
Obj.blur();
Obj.hideFocus=true;
Obj.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不可阻挡!



Answer 13:

您可以使用此代码做到这一点:

   a:focus{
      border: none;
    }


文章来源: how to remove dotted border around the link in IE7