CSS3-关于input框autocomplete开启后 input框补全后默认背景颜色

今天在开发过程中碰到了这样的情况,input框在我设置好样式后,我点击进行输入值,一旦我选择自动补全(及它弹出的下拉框中的以前填过的数据),就会出现默认的背景颜色,极容易影响整体框体效果

如:CSS3-关于input框autocomplete开启后 input框补全后默认背景颜色_第1张图片
出现的这个默认背景颜色很影响整体效果,于是要进行清除,最终查到了input有个属性设置,设置如下即可清除

input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    transition: background-color 5000s ease-in-out 0s !important;
} 

设置后效果如下:
CSS3-关于input框autocomplete开启后 input框补全后默认背景颜色_第2张图片
可以看出 不再有默认的背景颜色

你可能感兴趣的:(CSS3)