css去掉IE6下的链接虚线框示例

一般去掉虚线框可以用

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连接虚线框了,因为目前ie6浏览器非常的少了。

时间: 2024-09-16 20:06:07

css去掉IE6下的链接虚线框示例的相关文章

CSS去掉A标签(链接)虚线框的方法

 当一个链接得到焦点时,默认会有个虚线框.如图: 在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉.所以我们可以这样写:   代码如下: a:focus { outline:none; -moz-outline:none; } 顺便提一下,如果你用过 Safari 和 Chrome 可能会发现,当输入框得到焦点时边框会出现阴影效果.   如果想去掉阴影效果也可以用 outline 属性.   代码如下: input,textarea

去掉a标签点击后的虚线框实现代码

 代码如下 复制代码 a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }     全 局控制 CSS实现 a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */ a{blr:expression(thi

去除链接虚线框

链接 局部控制 <a href="link1.htm" >link1</a> <a href="link1.htm" >link1</a> <a href="link1.htm" hidefocus="true">link1</a> <a href="link1.htm" hidefocus="hidefocus&quo

网页制作技巧:去除链接虚线框

局部控制 <a href="link1.htm" onfocus="this.blur()">link1</a><a href="link1.htm" onfocus="this.close()">link1</a><a href="link1.htm" hidefocus="true">link1</a><a

css/JS/jquery三种方法去掉链接虚线框

  css: 兼容性很差.  代码如下   a:focus,input:focus {outline:none;} 在 Firefox 里可以用 -moz-outline:none; 或者 outline:none; 来将其去掉.所以我们可以这样写:  代码如下   a:focus {     outline:none;    -moz-outline:none; } 直接加: onfocus="this.blur()" 也可以利用htc文件加入a.style.behavior属性.如

使用JS CSS去除IE链接虚线框的三种方法_基础知识

方法一:利用javascript的onfocus事件,实现如下:Html代码 复制代码 代码如下: <a href="http://www.jb51.net/" onfocus="this.blur();">设计蜂巢</a> 如果引入了jQuery框架则可以利用它的事件绑定机制:Js代码 复制代码 代码如下: $('a').bind('focus', function(){       if(this.blur){ //如果支持 this.b

css实现 IE6下div垂直居中对齐

 代码如下 复制代码 <style type="text/css"> .fixVerticalCenterOuter{ width:300px; height:200px; border:1px solid #ccc; text-align:center; display:table-cell; vertical-align:middle; }   /* for IE 6 */ * html .fixVerticalCenterAdd { width:0; height:1

CSS实现IE6下PNG背景透明的方法

网页中的一般的PNG图片可以利用JS代码实现透明,但是如果使用PNG做背景的话,也就是在<a>悬浮状态时所用的背景,就不好实现了.虽然网上也可以找到一种批量实现方法,可是那种方法是遍历整个网页来实现的,肯定会让运行速度变慢.这里公布一个方法,不是原创,也是从网上找到的,它是针对PNG做背景时使用的,代码如下: .btnO{  background:url(winbg.png) no-repeat;background:none;filter;rogid;XImageTransform.Micr

A标签虚线框去掉3种方法(CSS/JS/jquery)

1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus="true" 属性即可,但这个属性是IE私有的,Firefox是不认的. <a href="#" hidefocus="true" title="加了hidefocus" >加了hidefocus属性</a> IE中用CSS处理: a{noOutline:expression(