DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 點擊網頁超級鏈接虛線怎麼去除?
點擊網頁超級鏈接虛線怎麼去除?
編輯:CSS進階教程     

網頁制作poluoluo文章簡介:純CSS去除按鈕以及鏈接點擊時虛線.

深藏多年秘笈大公開,全世界唯一一家公布,怎麼點就是點不出,純CSS去掉按鈕或者鏈接點擊產生的虛線。

運行代碼框

[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]

這個東東是無意中的發現,用處數數也瞞多,像ie下帶border的button點擊時惡心的表現、去掉tab的點擊虛線等等。但遺憾的是這個東東在實踐中發現,ie下還是容易受樣式環境影響。

這個效果的實現重點在於我在無意中發現了IE下的一個bug,這個bug在特定環境會導致按鈕或鏈接點擊時失去虛線。其它浏覽器就比較簡單,支持CSS2的浏覽器可以通過設置outline解決,FF的button標簽通過私有屬性特別處理,DEMO在多個主流浏覽器測試通過。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved