首頁 > web前端 > js教程 > 瀏覽器記住密碼後input黃色背景處理方法

瀏覽器記住密碼後input黃色背景處理方法

小云云
發布: 2017-12-18 14:08:12
原創
2918 人瀏覽過

本文要跟大家分享一個小功能,那就是使用chrome瀏覽器選擇記住密碼的帳號,輸入框會自動加上黃色的背景,有些設計輸入框是透明背景的,需要去除掉這個黃色的背景。下面跟大家分享chorme 瀏覽器記住密碼後input黃色背景處理方法,一起看看吧,希望能幫助大家。

使用chrome瀏覽器選擇記住密碼的帳號,輸入框會自動加上黃色的背景,有些設計輸入框是透明背景的,需要去除掉這個黃色的背景;

#方法1:陰影覆蓋

#
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
登入後複製

由於是設定顏色覆蓋,所以只對非透明的純色背景有效;

##方法2:修改chrome瀏覽器渲染黃色背景的時間

:-webkit-autofill {
 -webkit-text-fill-color: #fff !important;
 transition: background-color 5000s ease-in-out 0s;
}
登入後複製

完美解決

怎麼樣大家學會了嗎?趕快動手嘗試。

相關推薦:


html中如何控制input輸入格式的範例

對於input框限定輸入值為浮點型的js方法

javascript input輸入框模糊提示功能詳解

以上是瀏覽器記住密碼後input黃色背景處理方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板