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

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

能夠用一個簡單的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被選中的感覺。