手機點擊背景效果是一個常見的 Web 應用程序開發技巧。它可以用 CSS 實現,使得在點擊網頁上的元素時,頁面背景色會發生變化,以提示用戶該元素被選中了。然而,在某些情況下,我們希望去除手機點擊背景效果,這個時候,我們可以通過以下代碼實現:
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0);
上述代碼中,我們使用了 CSS3 的 tap-highlight-color 屬性。其中,-webkit-tap-highlight-color、-moz-tap-highlight-color 和 -ms-tap-highlight-color 是為了兼容不同的瀏覽器。
通過將 tap-highlight-color 設置為透明,我們就可以去除手機點擊背景效果了。同時,我們還可以設置其他的顏色或者圖片,以滿足不同的需求。比如:
-webkit-tap-highlight-color: #ff0000; /* 設置紅色背景 */ -moz-tap-highlight-color: #ff0000; -ms-tap-highlight-color: #ff0000; tap-highlight-color: #ff0000;
通過上述代碼,我們將點擊背景設置為紅色。