css3 去掉點擊高光(移動端)


在我們用手機瀏覽網頁時,當點擊某個鏈接或者點擊事件時 會出現一層藍色半透明的高光顯示,

但在開發webapp時,由於網頁是被native load去的,在app里面點擊的時候如果出現高光則顯得很不和諧

css3 的-webkit-tap-highlight-color: rgba(0,0,0,0);的這個屬性完美的解決了這個問題

你只去把他放在body里就可以了,通過屬性值你可以清晰的知道它所表達的意思 rgba都為0,意思是黑色全透明

這樣你點擊的時候就不會有藍色的半透明層了

代碼如下:

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

當然你也可以根據自己的需要 比如說你希望點擊的時候有灰色半透明層

那么將透明度設置下

 body{-webkit-tap-highlight-color: rgba(0,0,0,0.3);}

還可以設置不同的顏色

body{-webkit-tap-highlight-color: rgba(210,10,10,0.3);}

那么這時點擊的時候就是一個紅色半透明的層


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM