瀏覽器表單記錄用戶名密碼自動填充后有黃色背景,
看了下樣式發現是一個樣式的原因input:--
網上查了下有人說添加個屬性即可
autocomplete="off"
有人說添加到from屬性里有人說添加到input里,試過都不管用,只能繼續找解決方法了,
最后找到的解決方法如下:
對于純背景色的表單添加以下樣式即可
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #2390cc inset; }
修改后樣式如下其實就是設置一個藍色內陰影覆蓋掉黃色背景而已js設置文本框背景色,我對其他樣式也做過一些修改:
網上還找到了拿圖片做表單背景的解決方法,不過要在js代碼里處理js設置文本框背景色,這個還沒有試過,先把代碼附上
if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) { $(window).load(function(){ $('input:-webkit-autofill').each(function(){ var text = $(this).val(); var name = $(this).attr('name'); $(this).after(this.outerHTML).remove(); $('input[name=' + name + ']').val(text); }); }); }
除了背景色還有自動填充的文字顏色也想修改,不過暫時還沒找到解決方法,大家誰有好的方法留言哈,多謝了。
下面附張非自動填充的效果圖