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

本文要跟大家分享一個小功能，那就是使用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中文網其他相關文章！