CSS去除移動端點選時元素產生的背景色 (推薦)

2022-09-21 03:24:06 字數 707 閱讀 2994

在點選產生背景色的元素的css樣式上加上以下**:   

-webkit-tap-highlight-color: transparent;

ps:下面看下css取消a標籤在移動端點選時的背景顏色

一、取消a標籤在移動端點選時的藍色

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

-webkit-user-select: none;

-moz-user-focus: none;

-moz-user-select: none;

二、使用作為a程式設計客棧標籤的點選按鈕時,當觸發touchstart的時候,往往會有乙個灰色的背景

a,a:hover,a:active,a:visited,a:link,a:focus

三、改變選中內容的背景顏色

::selection

::-moz-selection

::-webkit-selection

四、去除ios input框點選時的灰色背景

-webkit-tap-highlight-color:rgba(0,0,0,0);

總結以上所述是小編給大家介紹的css去除移動端點選時元素產生的背景色,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感www.cppcns.com謝大家對我們**的支援!

本文位址:

取消a標籤在移動端點選時的背景顏色

一 取消a標籤在移動端點選時的藍色 webkit tap highlight color rgba 255,255,255,0 webkit user select none moz user focus none moz user select none 二 使用作為a標籤的點選按鈕時,當觸發to...

移動端點選返回上一頁時,強制重新整理

onpageshow 事件在使用者瀏覽網頁時觸發,類似於 onload 事件,onload 事件在頁面第一次載入時觸發,onpageshow 事件在每次載入頁面時觸發。具體處理方法 在可能會出現資料變化的頁面設定快取,即為只要頁面資料變化了就寫快取一條記錄,在返回頁面後檢測到這條記錄就說明需要頁面重...

js 解決移動端點選事件的延遲問題

眾所周知,在手機上的點選事件會有延遲300ms的問題。但在做手機端某些點選小遊戲時,我們就需要取消這個延遲的問題 第一步 禁止頁面的縮放 這塊內容能解決一些部分手機的問題 第二步 fastclick.js fastclick 是 ft labs 專門為解決移動端瀏覽器 300 毫秒點選延遲問題所開發...