去掉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是容易引起性能問題的。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章