本文小編為大家詳細(xì)介紹“如何在CSS中去除移動端點擊時元素產(chǎn)生的背景色”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“如何在CSS中去除移動端點擊時元素產(chǎn)生的背景色”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

成縣網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)于2013年開始到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗和運維經(jīng)驗，來保證我們的工作的順利進行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

在點擊產(chǎn)生背景色的元素的css樣式上加上以下代碼：　　　
 

-webkit-tap-highlight-color: transparent;

ps：下面看下css取消a標(biāo)簽在移動端點擊時的背景顏色

一、取消a標(biāo)簽在移動端點擊時的藍(lán)色
 

-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;

二、使用圖片作為a標(biāo)簽的點擊按鈕時，當(dāng)觸發(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;
}

三、改變選中內(nèi)容的背景顏色

::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中去除移動端點擊時元素產(chǎn)生的背景色”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。