解決谷歌瀏覽器給輸入框input自動填充問題


一,禁止自動填充賬號密碼行為

①原因

大部分瀏覽器會記住用戶登陸時輸入用戶名的input標簽中屬性type的值,同時也記住輸入密碼的input標簽中屬性type的值,

②火狐瀏覽器和谷歌瀏覽器的解決辦法

這時候我們可能會在 input上 加上 autocomplete="off" 這個屬性來阻止input被自動填充,但是有時候不起作用。

因為瀏覽器已經很智能的支持密碼保存了,這時候我們還可以到密碼框input上加一個屬性:autocomplete="new-password"

 

二,解決自動填充的背景色

 

 

這個填充色是由瀏覽器偽類input:-webkit-autofill來實現的

但是我加了之后,還是有

 

 

在網上搜索后,發現了一個神解決方法,使用盒子陰影來蓋住,解決了這個背景色的問題

 

 

 

 


免責聲明!

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



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