天天看點

去掉IE和Firefox下點選連結時的焦點虛線框

當你把連結定義成一個漂亮的觸發按鈕時,它不再需要按下時簡陋的虛線框來幫助識别了,即礙眼又破壞設計的美感,這時就該幹掉虛線框!

IE裡需要在 a 标簽中加入 hidefocus=”true” 屬性:<a href=”” hidefocus=”true” title=””>siteface</a>

而在Firefox等浏覽器中定義CSS:a { outline:none; }或者a { outline:0; } 就可以了。

在IE裡 hideFocus即隐藏聚焦,具有使對象聚焦失效的功能,其功能相當于:

onFocus=”true”,它的值是一個布爾值,如hideFocus=true。也可省略指派直接寫hideFocus。

也可以在CSS檔案裡這樣定義:

a{blur:expression(this.blur());}/*針對 IE*/

a { outline:none; } /*針對firefox等*/

但要注意expression是容易引起性能問題的。

繼續閱讀