怎么在CSS中去除移動(dòng)端點(diǎn)擊時(shí)元素產(chǎn)生的背景色

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

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

-webkit-tap-highlight-color: transparent;

ps：下面看下css取消a標(biāo)簽在移動(dòng)端點(diǎn)擊時(shí)的背景顏色

一、取消a標(biāo)簽在移動(dòng)端點(diǎn)擊時(shí)的藍(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)簽的點(diǎn)擊按鈕時(shí)，當(dāng)觸發(fā)touchstart的時(shí)候，往往會(huì)有一個(gè)灰色的背景
 

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框點(diǎn)擊時(shí)的灰色背景

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

以上就是怎么在CSS中去除移動(dòng)端點(diǎn)擊時(shí)元素產(chǎn)生的背景色，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。