谷歌浏览器下input框淡黄色解决办法

在书写前端页面的时候 出现一个怪现象 

text框内的背景颜色原本设置的透明 但是却变成了淡黄色

把autocomplete设置成off也没有作用

几经修改无果 最后找到input:-webkit-autofill这个私有属性

纯色的text框背景 可以用这个办法覆盖颜色 但需要注意的是无法设置透明

input:-webkit-autofill { 
-webkit-box-shadow: 0 0 0px 1000px rgb(47, 120, 155) inset; 
border: 1px solid rgb(47, 120, 155) !important; 
}