设计需求 input框要求是透明的颜色
input 输入框 设置背景色直接使用background就可以,但是失去焦点的时候会变成黄色
设计图
方法一 使用阴影
仅对非透明的纯色背景有效,设置成自己想要的背景颜色即可
input:-webkit-autofill{
-webkit-box-shadow:0 0 0 1000px white inset !important;
}
方法二 修改浏览器渲染黄色背景的时间
:-webkit-autofill{
-webkit-text-fill-color: #fff !important;
transtion:background-color 5000s ease-in-out 0s;
}