隨着智能的飛速的普及，手機網站也是越來越多。
在使用在瀏覽手機網站時候，點擊鏈接時候出現一個藍色的框，非常多影響視角效果，俺就是飽受折磨，又說服不了設計師，幾經周折。查閱一些資料，總算把原因給找到了。現在分享出來與大家共享
出現以上問題的不再PC端點擊鏈接的虛線框在作祟了，而一個比較偏門的CSS3屬性 -webkit-tap-highlight-color 在搗蛋作祟。
-webkit-tap-highlight-color
這個屬性只用於iOS (iPhone和iPad)。當你點擊一個鏈接或者通過Javascript定義的可點擊元素的時候，它就會出現一個半透明的灰色背景。要重設這個表現，你可以設置-webkit-tap-highlight-color爲任何顏色。
想要禁用這個高亮，設置顏色的alpha值爲0即可。
目前此屬性支持 IOS系統iphone與ipad，其他系統暫時不支持。在webkit核心的瀏覽器下來又表現出來了，經過我的測試，在android系統，顏色值不生效，無法運用起來，默認的效果又太撮了。故而只能忍痛暫時將其廢棄掉，禁用這個高亮的方式。
在樣式表中寫一條 body｛-webkit-tap-highlight-color:rgba(0,0,0,0)｝