在前端制作的過程中會發(fā)現(xiàn)，一些文字/圖片鏈接，或者一些input控件，在點擊時會在周圍出現(xiàn)虛線邊框，一般會在火狐和IE瀏覽器下出現(xiàn)虛線框，谷歌下不會有。
這些虛線邊框是作為對視覺設計的一種輔助，在不使用鼠標，而用鍵盤Tab鍵進行頁面瀏覽時，會標示出當前所在的鏈接或控件的位置，便于瀏覽。這對那些視覺有障礙的人士來說更是必不可少的。
但是有些時候我們卻不想使用它們，因為瀏覽器對虛線框的解析有差異，并且不規(guī)則，所以在視覺設計上反而成為了某種缺陷。所以這種時候，我們想要禁用這些虛線邊框，使瀏覽者的視覺享受能夠完美無瑕。
純CSS去掉超鏈接或按鈕點擊時出現(xiàn)的虛線邊框
從以上代碼可以看出，可以通過設置CSS屬性outline解決。
FF存在bug，其中input，button標簽通過私有屬性::-moz-focus-inner特別處理
以上方法在IE6、IE7下無效?？墒褂?onfocus 屬性解決，如下：
使用jquery方法只需一句，非常簡單，支持所有瀏覽器
新聞熱點
疑難解答
