摘要:谷歌瀏覽器在記住密碼后,會給用戶密碼輸入框渲染上一個背景色,在有些時候這個瀏覽器自動使用的渲染背景色會影響頁面的界面下面是方法處理解決。背景色透明生效時長過渡效果啟用時延遲的時間
谷歌瀏覽器、在記住密碼后,會給用戶密碼輸入框渲染上一個背景色,在有些時候這個瀏覽器自動使用的渲染背景色會影響頁面的UI界面
下面是css方法處理解決。
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-text-fill-color: #ededed !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-color:transparent; background-image: none; transition: background-color 50000s ease-in-out 0s; //背景色透明 生效時長 過渡效果 啟用時延遲的時間
}
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/117378.html
摘要:讓看不見,而不是直接,如果直接,有些瀏覽器則不生效,比如谷歌修改屬性將表單輸入設為可讀模式,瀏覽器自動填充就失效了,在焦點在該表單輸入的時候再將可讀屬性移除。 問題描述 話說有一天,我如往常一樣打開我的開發網站進行登錄操作。瀏覽器很平常的在我們進行登錄操作之后詢問我是否需要記住密碼,懶惰如我點擊了記住密碼。一切都很正常的進行著,沒有什么異常發生。然而,問題就出現了。當我打開一個新建用戶...
摘要:讓看不見,而不是直接,如果直接,有些瀏覽器則不生效,比如谷歌修改屬性將表單輸入設為可讀模式,瀏覽器自動填充就失效了,在焦點在該表單輸入的時候再將可讀屬性移除。 問題描述 話說有一天,我如往常一樣打開我的開發網站進行登錄操作。瀏覽器很平常的在我們進行登錄操作之后詢問我是否需要記住密碼,懶惰如我點擊了記住密碼。一切都很正常的進行著,沒有什么異常發生。然而,問題就出現了。當我打開一個新建用戶...
摘要:解決瀏覽器保存密碼自動填充問題問題描述話說有一天,我如往常一樣打開我的開發網站進行登錄操作。后來發現是瀏覽器存在自動填充機制的問題。 解決瀏覽器保存密碼自動填充問題 問題描述 話說有一天,我如往常一樣打開我的開發網站進行登錄操作。瀏覽器很平常的在我們進行登錄操作之后詢問我是否需要記住密碼,懶惰如我點擊了記住密碼。一切都很正常的進行著,沒有什么異常發生。然而,問題就出現了。當我打開一個新...
摘要:問題分析正常情況記住密碼后訪問解決方法方法陰影覆蓋注由于是設置顏色覆蓋,所以只對非透明的純色背景有效方法修改瀏覽器渲染黃色背景的時間推薦注此方法適用于上圖那種背景為透明色的輸入框方法方式去除停止輪詢注此方法來自網上 問題分析 正常情況: showImg(https://segmentfault.com/img/bV4jnY?w=420&h=147); 記住密碼后訪問: showImg(...
摘要:問題分析正常情況記住密碼后訪問解決方法方法陰影覆蓋注由于是設置顏色覆蓋,所以只對非透明的純色背景有效方法修改瀏覽器渲染黃色背景的時間推薦注此方法適用于上圖那種背景為透明色的輸入框方法方式去除停止輪詢注此方法來自網上 問題分析 正常情況: showImg(https://segmentfault.com/img/bV4jnY?w=420&h=147); 記住密碼后訪問: showImg(...
閱讀 2375·2021-09-30 09:47
閱讀 1366·2021-09-28 09:35
閱讀 3237·2021-09-22 15:57
閱讀 2484·2021-09-22 14:59
閱讀 3633·2021-09-07 10:25
閱讀 3068·2021-09-03 10:48
閱讀 3035·2021-08-26 14:14
閱讀 933·2019-08-30 15:55