如圖，谷歌瀏覽器中input的自動(dòng)填充項(xiàng)是黃色乍桂，非常不美觀
image.png
1、修改背景色
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}
2、修改成透明色
https://codepen.io/romulusmaxia/pen/aKKbPm
https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
input[type="text"] {
border: 1px solid #333333 !important;
padding: 0px 12px 0px 32px;
background: transparent !important;
}
input[type="password"] {
border: 1px solid #333333 !important;
padding: 0px 12px 0px 32px;
background: transparent !important;
}
@-webkit-keyframes autofill {
to {
color: #666;
background: transparent;
}
}
input:-webkit-autofill {
animation-name: autofill !important;
animation-fill-mode: both !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
background-clip: content-box !important;
}
image.png
bingo~
