在點擊產生背景色的元素的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{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}

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

::selection {
background: #FFF;
color: #333;
}
::-moz-selection {
background: #FFF;
color: #333;
}
::-webkit-selection {
background: #FFF;
color: #333;
} 

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

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

總結

以上所述是小編給大家介紹的CSS去除移動端點擊時元素產生的背景色，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對軟件開發網網站的支持！