JS CSSを使用してIEリンク破線ボックスを除去する3つの方法

方法1:javascriptのonfocusイベントを利用して、以下のように実現する:Htmlコード

 
  
 の をデザインする 
  
 
 

jQueryフレームワークが導入された場合、そのイベントバインドメカニズムを利用できます.
Jsコード

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

方法2: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 */ 
  
 
 

方法3:ラベルの属性を利用して、IEだけを支持して、実現は以下の通りです:Htmlコード

 
  
 の をデザインする 
  
 
 

方法四:HTCは以下のように実現する.
次のコードをに保存します.htc接尾辞のファイル
Jsコード

 
  
   
  
   
  <br>    function quit(){   
  <br>        this.blur();   
  <br>    }   
  <br> 
  
 
 

CSSコード

 
  
a {behavior:url("htc  ")}