a:focus,input:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;} a選中高亮顯示
a:focus,input:focus{ a:focus,input:focus{2 -webkit-tap-highlight-color:rgba(0,0,0,0) ...
原文：點擊出現黑色背景的解決：-webkit-tap-highlight-color:rgba(0,0,0,0)
在手機上 iphone 點擊按鈕的時候，屏幕總會閃動一下，這讓頁面看起來很不友好也不流暢。解決方案加了一句css就解決了： 原因如下： 在移動端上，有事件監聽的元素被點擊的時候會被高亮顯示，而 webkit tap highlight color屬性會在當用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時，覆蓋顯示的高亮顏色。 該屬性可以只設置透明度。如果未設置透明 ...
2017-03-07 12:26 0 5022 推薦指數：
相關推薦
-webkit-tap-highlight-color的理解
（一）-webkit-tap-highlight-color 這個屬性只用於iOS (iPhone和iPad)。當你點擊一個鏈接或者通過Javascript定義的可點擊元素的時候，它就會出現一個半透明的灰色背景。要重設這個表現，你可以設置 ...
移動端 高亮小知識 -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent;
移動端開發的過程中，當用戶連接某個文字 跳轉時候 出現 高亮一塊，這樣很影響用戶體驗，我們可以吧顏色設置為透明 或者自己需要的顏色 注意微信目前版本瀏覽器不支持 大部分瀏覽器兼容 ...
CSS3 鮮為人知的屬性-webkit-tap-highlight-color的理解
（一）-webkit-tap-highlight-color 這個屬性只用於iOS (iPhone和iPad)。當你點擊一個鏈接或者通過Javascript定義的可點擊元素的時候，它就會出現一個半透明的灰色背景。要重設這個表現，你可以設置 ...
移動端點擊出現陰影 css解決方案
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);} ...
移動端開發H5頁面點擊按鈕后出現閃爍或黑色背景的解決辦法
H5頁面在IOS端測試的時候發現，點擊按鈕會閃動，出現一個黑色的背景一閃而過，影響用戶體驗。最后通過度娘，找到解決方法： 就是給點擊的元素添加一個CSS屬性或者全局添加一個css。 ...
按鈕點擊出現漣漪效果
點擊漣漪效果 前天看到b站上一個視頻，up主實現了一個按鈕點擊然后以點擊點為圓心出現一個圓，然后這個圓慢慢變大最后消失，感覺很吊的樣子，我覺得我也能實現，廢話不多說，干就完了。 。。。。。。。。。。。。。。。 經過兩分鍾的編寫，終於實現了 （如下圖：點擊了第二個按鈕，然后出現了一個漣漪 ...
微信瀏覽器 -webkit-overflow-scrolling 彈性滾動出現黑色背景，與ios彈性滾動沖突問題
微信瀏覽器在為scroll元素設置 -webkit-overflow-scrolling 時會使用ios彈性滾動特性。微信本身有黑色區域的彈性滑動。 在android下沒什么問題，但是在ios下兩者會產生沖突。 解決方法： 方法1. 網上流傳最廣的思路是設置touchmove的事件中 ...