建站
咨詢
售后
建站咨詢
新聞中心
本文小編為大家詳細介紹“如何在CSS中去除移動端點擊時元素產(chǎn)生的背景色”，內(nèi)容詳細，步驟清晰，細節(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)簽在移動端點擊時的藍色
-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è)資訊頻道。
網(wǎng)頁題目：如何在CSS中去除移動端點擊時元素產(chǎn)生的背景色
標(biāo)題網(wǎng)址：http://www.ef60e0e.cn/article/gshscg.html
