CSS如何去除移動端點(diǎn)擊時元素產(chǎn)生的背景色

這篇文章主要介紹“CSS如何去除移動端點(diǎn)擊時元素產(chǎn)生的背景色”的相關(guān)知識，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“CSS如何去除移動端點(diǎn)擊時元素產(chǎn)生的背景色”文章能幫助大家解決問題。

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

-webkit-tap-highlight-color: transparent;

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

一、取消a標(biāo)簽在移動端點(diǎn)擊時的藍(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)擊按鈕時，當(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框點(diǎn)擊時的灰色背景

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

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

關(guān)于“CSS如何去除移動端點(diǎn)擊時元素產(chǎn)生的背景色”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。