去除手機瀏覽器按鈕點擊出現的高亮框

在工作中經常遇到在手機瀏覽器中瀏覽網頁時，點擊頁面中的按鈕或者是具備點擊事件的元素，就會出現一個默認的高亮框，影響整體的感觀體驗。

我們可以用一個簡單的css3屬性就能加以解決，該屬性就是：

-webkit-tap-highlight-color

舉個栗子：

<a class="html5logo" href="javascript:void(0);"></a>

對該按鈕加上相應的css樣式：

-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */

大功告成！

這樣處理後，此a標籤是沒有點擊時的樣式，如果要加，可以自己再加僞類樣式，在此不再贅述了