首頁 > web前端 > css教學 > 主體

移除連結元素的虛線框 相容IE7、IE6、FF_經驗交流

WBOY
發布: 2016-05-16 12:05:39
原創
1597 人瀏覽過

推薦下面的程式碼

複製程式碼 程式碼如下:

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

下面的程式碼比較麻煩
我們採用htc檔案的方法來解決這個問題。首頁將以下程式碼儲存為link.htc檔案。  
複製程式碼 程式碼如下:
 
   
<script>    <br>function hscfsy(){    <br>this.blur();    <br>}    <br></script>  
 
  在HTML檔案中寫入以下程式碼,建立一個連結:  
jb51.net  
  我們開始為此連結定義CSS樣式:  

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

a {   
  display:block;   
  width:100px;   
  height:30px;   
  line-height:30px;   
  text-align:center;   
  behavior:url(line.htc);  
}  
  我們執行以下程式碼查看效果:  
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!