主頁 > 知識庫 > 去除鏈接元素的虛線框 兼容IE7、IE6、FF

去除鏈接元素的虛線框 兼容IE7、IE6、FF
熱門標(biāo)簽：南山電話機(jī)器人 南昌電話機(jī)器人系統(tǒng) ai電話機(jī)器人效果差 地圖標(biāo)注微信好友 隨州外呼系統(tǒng)廠家 蘇州做電話機(jī)器人 沈陽400電話辦理多少錢 地圖標(biāo)注樓盤 快速更改地圖標(biāo)注點標(biāo)
推薦下面的代碼
復(fù)制代碼 代碼如下:

a {outline: none; /* for Forefox */ }  
a {star:expression(this.onFocus=this.blur()); /* for Ie*/ }

下面的代碼比較麻煩
我們采用htc文件的辦法來解決這個問題。首頁將以下代碼保存為link.htc文件。  
復(fù)制代碼 代碼如下:
 
public:attach event="onfocus" onevent="hscfsy()"/>   
script language="javascript">   
function hscfsy(){   
this.blur();   
}   
/script>  
 
　　在HTML文件中寫入以下代碼，建立一個鏈接：  
a href="#" title="腳本之家">jb51.net/a>  
　　我們開始為此鏈接定義CSS樣式：  

a {   
　　display:block;   
　　width:100px;   
　　height:30px;   
　　line-height:30px;   
　　text-align:center;   
}  
a:hover {   
　　background:#ddd;  
}  
　　CSS樣式確定了鏈接的外觀，具有一定寬度與高度的塊元素。文字水平左右均居中對齊。  
　　我們在a標(biāo)簽的樣式內(nèi)，加入一條屬性。用此消除鏈接的虛線邊框：  

a {   
　　display:block;   
　　width:100px;   
　　height:30px;   
　　line-height:30px;   
　　text-align:center;   
　　behavior:url(line.htc);  
}  
　　我們運(yùn)行以下代碼查看效果：  

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

我們在IE7、IE6中預(yù)覽，已經(jīng)沒有問題了。但是在FF中虛線框依然存在。 
　　我們新增一條樣式定義來解決此問題。 
復(fù)制代碼 代碼如下:

a:focus { outline:0; }

查看最終的運(yùn)行效果： 

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

在IE7、IE6、FF中均成功實現(xiàn)了消除鏈接的虛線框。 

標(biāo)簽：深圳 商洛 昭通 玉樹 大同 石家莊 濰坊 濰坊

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《去除鏈接元素的虛線框 兼容IE7、IE6、FF》，本文關(guān)鍵詞  去除,鏈接,元素,的,虛線,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《去除鏈接元素的虛線框 兼容IE7、IE6、FF》相關(guān)的同類信息！
  • 本頁收集關(guān)于去除鏈接元素的虛線框 兼容IE7、IE6、FF的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章