最近做項目時遇到一個問題,就是h5頁面,在ios瀏覽器中打開的時候,上面的input框點擊的時候會出現一片陰影,然后一閃而過,對功能沒什么陰影,就是不太美觀。經過試驗發現,當input使用默認邊框時,也會有閃,因為有邊框的原故,閃的不太明顯,當input邊框去了,或者邊框和背景色相同時,就會閃了。
經過各種試,找到一個新屬性
給input加上這個屬性就可以了,
a,input{ -webkit-tap-highlight-color: rgba(0,0,0,0); }
具體什么原理還不太清楚,應該是這個屬性將input框獲得焦點時的高亮給覆蓋了。