chorme瀏覽器記住密碼后input黃色背景處理方法總結(jié)（三種）

Jacendfeng 發(fā)布于2019-08-30 14:02 / 3368人閱讀

摘要：?jiǎn)栴}分析正常情況記住密碼后訪(fǎng)問(wèn)解決方法方法陰影覆蓋注由于是設(shè)置顏色覆蓋，所以只對(duì)非透明的純色背景有效方法修改瀏覽器渲染黃色背景的時(shí)間推薦注此方法適用于上圖那種背景為透明色的輸入框方法方式去除停止輪詢(xún)注此方法來(lái)自網(wǎng)上

問(wèn)題分析

正常情況：

記住密碼后訪(fǎng)問(wèn)：

解決方法

方法1：陰影覆蓋
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
注：由于是設(shè)置顏色覆蓋，所以只對(duì)非透明的純色背景有效；

方法2：修改chrome瀏覽器渲染黃色背景的時(shí)間（推薦）
:-webkit-autofill {
-webkit-text-fill-color: #fff !important;
transition: background-color 5000s ease-in-out 0s;
}
注：此方法適用于上圖那種背景為透明色的輸入框

方法3：jq方式去除

if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0)
{
  let _interval = window.setInterval(function () {
    let autofills = $("input:-webkit-autofill");
    if (autofills.length > 0) {
      window.clearInterval(_interval); // 停止輪詢(xún)
      autofills.each(function() {
        let clone = $(this).clone(true, true);
        $(this).after(clone).remove();
      });
    }
  }, 20);
}

注：此方法來(lái)自網(wǎng)上

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/115722.html

相關(guān)文章

chorme瀏覽器記住密碼后input黃色背景處理方法總結(jié)（三種）

摘要：?jiǎn)栴}分析正常情況記住密碼后訪(fǎng)問(wèn)解決方法方法陰影覆蓋注由于是設(shè)置顏色覆蓋，所以只對(duì)非透明的純色背景有效方法修改瀏覽器渲染黃色背景的時(shí)間推薦注此方法適用于上圖那種背景為透明色的輸入框方法方式去除停止輪詢(xún)注此方法來(lái)自網(wǎng)上問(wèn)題分析正常情況： showImg(https://segmentfault.com/img/bV4jnY?w=420&h=147); 記住密碼后訪(fǎng)問(wèn)： showImg(...

masturbator 2019-08-01 18:39 評(píng)論0 收藏0
chorme瀏覽器記住密碼后input黃色背景處理方法總結(jié)（三種）

摘要：?jiǎn)栴}分析正常情況記住密碼后訪(fǎng)問(wèn)解決方法方法陰影覆蓋注由于是設(shè)置顏色覆蓋，所以只對(duì)非透明的純色背景有效方法修改瀏覽器渲染黃色背景的時(shí)間推薦注此方法適用于上圖那種背景為透明色的輸入框方法方式去除停止輪詢(xún)注此方法來(lái)自網(wǎng)上問(wèn)題分析正常情況： showImg(https://segmentfault.com/img/bV4jnY?w=420&h=147); 記住密碼后訪(fǎng)問(wèn)： showImg(...

Near_Li 2019-08-22 14:50 評(píng)論0 收藏0
解決瀏覽器保存密碼自動(dòng)填充問(wèn)題

摘要：讓看不見(jiàn)，而不是直接，如果直接，有些瀏覽器則不生效，比如谷歌修改屬性將表單輸入設(shè)為可讀模式，瀏覽器自動(dòng)填充就失效了，在焦點(diǎn)在該表單輸入的時(shí)候再將可讀屬性移除。問(wèn)題描述話(huà)說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢(xún)問(wèn)我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒(méi)有什么異常發(fā)生。然而，問(wèn)題就出現(xiàn)了。當(dāng)我打開(kāi)一個(gè)新建用戶(hù)...

nicercode 2019-08-23 15:31 評(píng)論0 收藏0
解決瀏覽器保存密碼自動(dòng)填充問(wèn)題

摘要：讓看不見(jiàn)，而不是直接，如果直接，有些瀏覽器則不生效，比如谷歌修改屬性將表單輸入設(shè)為可讀模式，瀏覽器自動(dòng)填充就失效了，在焦點(diǎn)在該表單輸入的時(shí)候再將可讀屬性移除。問(wèn)題描述話(huà)說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢(xún)問(wèn)我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒(méi)有什么異常發(fā)生。然而，問(wèn)題就出現(xiàn)了。當(dāng)我打開(kāi)一個(gè)新建用戶(hù)...

Batkid 2019-08-02 14:21 評(píng)論0 收藏0
解決瀏覽器保存密碼自動(dòng)填充問(wèn)題

摘要：解決瀏覽器保存密碼自動(dòng)填充問(wèn)題問(wèn)題描述話(huà)說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。后來(lái)發(fā)現(xiàn)是瀏覽器存在自動(dòng)填充機(jī)制的問(wèn)題。解決瀏覽器保存密碼自動(dòng)填充問(wèn)題問(wèn)題描述話(huà)說(shuō)有一天，我如往常一樣打開(kāi)我的開(kāi)發(fā)網(wǎng)站進(jìn)行登錄操作。瀏覽器很平常的在我們進(jìn)行登錄操作之后詢(xún)問(wèn)我是否需要記住密碼，懶惰如我點(diǎn)擊了記住密碼。一切都很正常的進(jìn)行著，沒(méi)有什么異常發(fā)生。然而，問(wèn)題就出現(xiàn)了。當(dāng)我打開(kāi)一個(gè)新...

objc94 2019-08-23 14:46 評(píng)論0 收藏0