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

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

可以用一個簡單的css3屬性來解決：tap-highlight-color，最好加上webkit瀏覽器前綴。

-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids,個人感覺是低版本的安卓，4.0以下 */  

如果你的一大div中包含了很多小的同類的小div，點擊這些小的div要觸發事件，你利用事件委託只給外層大的div綁定了點擊事件（這樣就只要綁定一次就夠啦），那這個屬性就會用上，當你點擊某個小div時就不會出現整個大div被選中的感覺。