去掉IE6下的链接虚线框

移动端去除高亮
*{
-webkit-tap-highlight-color: rgba(255,255,255,0);
-webkit-tap-highlight-color: transparent;
}
ie6去除高亮
textarea:focus{outline:0 none; star:expression(this.onFocus=this.blur());}

一般去掉虚线框可以用

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

但IE6并不支持上面写法,来试试下面方法

在IE6下,单击超链接后会出现一个虚线框,有时候不需要这个选线框,去掉的方法是加上hidefocus属性,如:

<a id="test" href="#" hidefocus="true">去掉虚线框</a>

想要通过JS去掉的话,将hidefocus写成hideFocus,如:

var a = document.getElementById("test");
a.hideFocus = true;
原文链接:去掉IE6下的链接虚线框 版权所有,转载时请注明出处,违者必究。
注明出处格式:前端开发博客 (http://caibaojian.com/ie6-hidefocus.html)

发表评论

请登录后发表评论:

2 Responses to “去掉IE6下的链接虚线框”

  1. 前端博客

    /*解决firefox下button文字设置行高没有垂直居中的问题*/
    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 {border:none/*去虚线框*/;padding:0;}

    登录回复
  2. 前端博客

    /*去除链接取得焦点时的虚线框*/
    a{text-decoration:none;outline:none;}
    a:hover{text-decoration:underline;}
    a:active{star:expression(this.onFocus=this.blur())/*IE6/7,此代码会中断tab,而且过多使用css表达式会严重影响页面性能*/;}
    a:focus{outline:none;}

    登录回复