免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

用CSS3解決移動端手指點擊或滑動屏幕時出現(xiàn)的淺藍色背景框

2022-06-01    分類： 網站建設

默認情況下，移動端手機網站當手指點擊某元素時，該元素會出現(xiàn)一個淺藍色的背景框，如果是鏈接，點擊完就加載到新的頁面去了，可能感覺不太明顯，但是如果做一些效果，比如手指滑動屏幕的效果，就感覺比較明顯了

因為滑動這個動作細拆開來，就是手指先點擊屏幕某處，然后再進行手指移動，你會發(fā)現(xiàn)被點擊到的元素后邊總有個淺藍色背景，雖然你手指離開后它自己會消失，也不影響大局，但是總會感覺還是不夠好，那么這個問題如何解決呢？

在CSS3中，有一個屬性“-webkit-tap-highlight-color”，我們不想要那個點擊產生的背景框的話，只需要在body樣式中設置該屬性rgba中的alpha值為0即可，具體寫法如下：

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

這樣設置以后，移動端手機網站手指點擊或滑動屏幕時就不會再出現(xiàn)那個淺藍色背景框了，當然，如果你想保留這個背景框，而只是改變下這個背景框的顏色，同樣是用該屬性，修改對應rgba即可。

新聞名稱：用CSS3解決移動端手指點擊或滑動屏幕時出現(xiàn)的淺藍色背景框
網站URL：http://m.newbst.com/news24/162124.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網站改版、做網站、手機網站建設、App設計、全網營銷推廣、ChatGPT

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

外貿網站建設