本篇文章給大家分享的是有關怎么在CSS中去除移動端點擊時元素產生的背景色，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名注冊、雅安服務器托管、營銷軟件、網站建設、天津網站維護、網站推廣。

在點擊產生背景色的元素的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標簽的點擊按鈕時，當觸發(fā)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中去除移動端點擊時元素產生的背景色，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

文章名稱：怎么在CSS中去除移動端點擊時元素產生的背景色-創(chuàng)新互聯(lián)
鏈接分享：http://weahome.cn/article/ddgjpe.html