• 方法一：box-shadow
• 方法二：animation

Chrome的input完成自动填充后背景色会被自动设为黄色，如下图所示：

可以看到即使手动添加了背景色并强制将其设为!important仍无法转换背景色。

在stackoverflow发现解决方法如下：

方法一：box-shadow

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

box-shadow: h-shadow v-shadow blur spread color inset;
box-shadow的作用是给盒子添加一个阴影。参数如下：

这种方式实际上是通过给input框内部添加一个指定颜色阴影的方式达到设置input背景色的视觉效果。
但是，如果需求是input的背景颜色透明呢？

方法二：animation

@-webkit-keyframes setbackgroundcolor {
    to {
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: setbackgroundcolor;
    -webkit-animation-fill-mode: forwards;
}

这种方式为input:-webkit-autofill绑定了一个动画效果setbackgroundcolor，并将其填充模式(fill-mode)设置为forwards(保留动画结束后的效果)。
标签绑定动画后，若不指定动画时长animation-duration，将无法看到动画的播放效果而直接完成动画。
这里直接将动画效果设为背景色透明，指定填充模式为forwards，相当于将input:-webkit-autofill的背景重设成了透明。

参考链接：
http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete
http://www.w3school.com.cn/cssref/pr_box-shadow.asp
http://www.w3school.com.cn/cssref/pr_animation-name.asp
http://www.w3school.com.cn/cssref/pr_animation-duration.asp
http://www.w3school.com.cn/cssref/pr_animation-fill-mode.asp