ios的input點擊時有陰影


 最近做項目時遇到一個問題,就是h5頁面,在ios瀏覽器中打開的時候,上面的input框點擊的時候會出現一片陰影,然后一閃而過,對功能沒什么陰影,就是不太美觀。經過試驗發現,當input使用默認邊框時,也會有閃,因為有邊框的原故,閃的不太明顯,當input邊框去了,或者邊框和背景色相同時,就會閃了。

      經過各種試,找到一個新屬性

給input加上這個屬性就可以了,

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

具體什么原理還不太清楚,應該是這個屬性將input框獲得焦點時的高亮給覆蓋了。

 


免責聲明!

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



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