Heim > Web-Frontend > js-Tutorial > 使用JS CSS去除IE链接虚线框的三种方法_基础知识

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

WBOY
Freigeben: 2016-05-16 17:15:16
Original
1205 Leute haben es durchsucht

方法一:利用javascript的onfocus事件,实现如下:
Html代码

复制代码 代码如下:

如果引入了jQuery框架则可以利用它的事件绑定机制:
Js代码
复制代码 代码如下:

$('a').bind('focus', function(){  
    if(this.blur){ //如果支持 this.blur  
        this.blur();  
    }  
});


方法二:利用css样式,实现如下
Css代码 
复制代码 代码如下:

a{ 
    blr: expression(this.onFocus=this.close()); 
} /* 只支持IE,过多使用效率低 */ 
a{ 
    blr: expression(this.onFocus=this.blur()); 
} /* 只支持IE,过多使用效率低 */ 
a:focus {  
    -moz-outline-style: none;  
} /* IE不支持 */ 
:focus {  
    outline: none;  
} /* for Firefox */


方法三:利用标签属性,仅支持IE,实现如下:Html代码
复制代码 代码如下:

方法四:HTC 实现如下:
将一下代码保存为.htc后缀的文件
Js代码
复制代码 代码如下:

  


CSS代码
复制代码 代码如下:

a {behavior:url("htc文件")}
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage