在點擊產生背景色的元素的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去除移動端點擊時元素產生的背景色，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持！
新聞熱點
疑難解答
