主頁(yè) > 知識(shí)庫(kù) > 去除鏈接元素的虛線框 兼容IE7、IE6、FF

去除鏈接元素的虛線框 兼容IE7、IE6、FF

熱門(mén)標(biāo)簽:南山電話機(jī)器人 南昌電話機(jī)器人系統(tǒng) ai電話機(jī)器人效果差 地圖標(biāo)注微信好友 隨州外呼系統(tǒng)廠家 蘇州做電話機(jī)器人 沈陽(yáng)400電話辦理多少錢(qián) 地圖標(biāo)注樓盤(pán) 快速更改地圖標(biāo)注點(diǎn)標(biāo)
推薦下面的代碼
復(fù)制代碼 代碼如下:

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

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

a {   
  display:block;   
  width:100px;   
  height:30px;   
  line-height:30px;   
  text-align:center;   
}  
a:hover {   
  background:#ddd;  
}  
  CSS樣式確定了鏈接的外觀,具有一定寬度與高度的塊元素。文字水平左右均居中對(duì)齊。  
  我們?cè)赼標(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需再刷新一下頁(yè)面才能執(zhí)行]

我們?cè)贗E7、IE6中預(yù)覽,已經(jīng)沒(méi)有問(wèn)題了。但是在FF中虛線框依然存在。 
  我們新增一條樣式定義來(lái)解決此問(wèn)題。 
復(fù)制代碼 代碼如下:

a:focus { outline:0; }

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

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

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

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

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

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章