1. 程式人生 > >谷歌瀏覽器記住密碼之後,輸入框變色問題

谷歌瀏覽器記住密碼之後,輸入框變色問題


如圖:以前沒有注意過。谷歌瀏覽器在記住密碼之後,再次開啟這個頁面。輸入框會有淡黃色的背景色。剛開始怎麼都不行。後來偶然發現原來是有個:-webkit-autofill屬性

於是,後來百度了下,發現有兩個方法可以解決:不過我只試了一中,另外一種好像有點問題

方法一:給input標籤新增內陰影,這個內陰影一定要大。要不然蓋不住

.ipt_pwd:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset;
}

方法二:

因為只有在之前有記住密碼之後才會出現這種情況,所以禁用input的記錄就可以,比如:<input type="text"  

autocomplete="off">。但是剛開始我這樣寫了之後好像沒啥效果。