使用JS CSS去除IE連結虛線框的三種方法_基礎知識

方法一：利用javascript的onfocus事件，實現如下：
Html代碼

複製代碼 程式碼如下:

設計蜂巢

如果引入了jQuery框架則可以利用它的事件綁定機制：
Js代碼

複製代碼 程式碼如下:

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

方法樣式

複製程式碼 程式碼如下:

a{   =this.close()); 
} /* 只支援IE，過度使用效率低*/ 
a{ 
    blr: expression(this.onFocus=this.blur()); 
} /* 只支援IE，過度使用效率低*/ 
a:focus {  
    -moz-outline-style: none;  
} /* IE不支援*/ 
:00 {  
    outline: none;  
} /* for Firefox */

方法三：使用標籤屬性，只支援🎜>方法三：使用標籤屬性，僅支援Html程式碼

複製程式碼 程式碼如下:

設計蜂巢

方法四：HTC 實作如下：
將一下程式碼儲存為.htc字尾的檔案
Js程式碼

複製程式碼 程式碼如下:

  

CSS代碼

複製程式碼 程式碼如下:

程式碼如下: