1. 程式人生 > >chorme 瀏覽器記住密碼後input黃色背景處理方法(兩種)

chorme 瀏覽器記住密碼後input黃色背景處理方法(兩種)

時間 nta port art 設置 9.png pac .net 選擇

使用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; }

完美解決

技術分享圖片

chorme 瀏覽器記住密碼後input黃色背景處理方法(兩種)