CSS去掉鏈接或按鈕點擊產生的虛線

　　純CSS去掉按鈕或者鏈接點擊產生的虛線。

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

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

<style type="text/css">.wrap{position:relative;}.btns{zoom:1;}.btns *{outline:0;zoom:1;background:#f2f2f2;}.btns button::-moz-focus-inner{border-color:transparent!important;}</style><div class="wrap"><div class="btns"><button type="button">確定</button><button type="button">取消</button><a href="#" title="liehuo.net">確定</a><a href="#" title="liehuo.net">取消</a></div></div><br /><center>如不能顯示效果，請按Ctrl+F5刷新本頁，更多網頁代碼：<a href='http://www.jyygyx.com/' title="liehuo.net" target='_blank'>http://www.jyygyx.com/</a></center>
提示：可修改后代碼再運行!

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈