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