最近寫了一個 Web 應用，可以兼容手機端和PC端，在PC端調試的時候沒有發現這個問題，但是在手機上或者PC瀏覽器改成手機模式進行調試的時候就會出現下面這個場景：

這是兩個 div，點擊的時候，會出現一個藍色的背景框：

<div class="live-tab"><div class="live-tab-item">多平臺聯播</div><div class="live-tab-item">活動簡介</div>
</div>

嘗試了 outline: none;沒有解決，使用?-webkit-tap-highlight-color 屬性修改?iOS?和?Android?瀏覽器的默認行為，避免點擊時的高亮效果。

* {-webkit-tap-highlight-color: transparent;
}

即可解決問題，此時點擊 div 就不會出現藍色背景框了?