css去除點擊鏈接時出現的虛線框

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

　　方法一

　　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中虛線都不存在了。

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