使用chrome瀏覽器選擇記住密碼的賬號,輸入框會自動加上黃色的背景,有些設計輸入框是透明背景的,需要去除掉這個黃色的背景; 方法1:陰影覆蓋 由於是設置顏色覆蓋,所以只對非透明的純色背景有效; 方法2:修改chrome瀏覽器渲染黃色背景的時間 完美解決 ...
使用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; }
完美解決