消除a標籤點擊後產生的虛線框

經測試在所有版本的ie和火狐瀏瀏覽器中a標籤點擊後都會產生一個虛線框，以下圖的bootstrap的tab所示；自己沒有任何實際意義除了比較難看外；

解決這個問題能夠經過爲a標籤添加focus事件：<a onfocus="this.blur();">test1</a>

那麼新的問題來了；若是有不少不少的a標籤難道要爲每一個a標籤都添加focus事件？
固然不了，下面就是要介紹一個更加簡單粗暴的方法批量一次性解決全部；
那就是爲a標籤添加這條屬性：

a:focus {
  outline:none; 
  -moz-outline:none;
}

本文爲白俊遙原創文章,轉載無需和我聯繫,但請註明來自白俊遙博客baijunyao.com