css去除點擊鏈接時出現的虛線框
2018-08-27 瀏覽:526 作者:admin 類別:網頁設計

  鏈接在被點擊時會出現虛線框,即使松開了也仍然存在,在有的時候顯得不美觀。既然不好看,那就不要它。怎樣去掉呢?

  方法一

  IE下可使用其私有的html屬性:hideFoucs,在標簽的結構中加入hidefocus="true"屬性。即:

<a href="http://www.xker.com/" hidefocus="true" title="網">網</a>

   而在 Firfox 瀏覽器中則相對比較容易,直接給標簽 a 定義樣式 outline:none; 就可以了,即:

  .HideFocus {

  outline:none;

  }

  方法二

  也可以使用CSS expression來控制,但不推薦使用,畢竟expression在性能上有問題。

  .HideFocus {

  hide-focus: expression(this.hideFocus=true); /* for ie 5+ */

  outline: none; /* for firefox 1.5 + */

  }

  除鏈接外,該CSS同樣適用于input和button標簽。

  方法三

  將以下代碼保存為link.htc文件:

  鏈接樣式中加入:

  a {

  behavior:url(link.htc);

  }

  IE中已經沒有問題,但是在FF中虛線框依然存在。再增加一條樣式定義來解決此問題:

  a:focus {

  outline:0;

  }

  這樣IE、FF中虛線都不存在了。

注:更多精彩文章請關注網頁設計教程欄目。

點擊這里給我發消息
5544444