移動端頁面點擊a標籤會有半透明的陰影或紅色邊框的bug

　　很久沒有更新了，今天來一發 ^_^

　　最近在寫移動端頁面，測試時發現一個a標籤的bug：不管是iOS端仍是Android端都存在，當點擊a標籤，會有一個矩形的透明的陰影閃一下（不一樣的瀏覽器陰影的顏色還不同，有的是灰色，有的是淡藍色的。。。）。

　　在點擊的時候仍是至關明顯的，這就顯得比較違和了，沒辦法發現bug只得去想辦法解決呀。

　　在改的過程當中，發現只有a標籤會有這個問題，button和其餘標籤都不存在，那麼久鎖定a標籤，測試bug是a標籤的href屬性致使的，搞了這麼久，其實都是瀏覽器自動的效果，無非就是想提示用戶按鈕被點擊到了，出發點是好的，可是在某些場景下久變異了_(:зゝ∠)_

　　爲解決這個bug，不用a標籤也是不現實的，最後百度谷歌到css3的-webkit-tap-highlight-color這個屬性，瞬間就解決了。

　　詳細信息見下圖：

  

*注：圖片來自ctrip-ued