谷歌浏览器记住密码后input输入框样式问题

1、正确的情况如下图

正确显示的情况的效果图如下：

2、输入用户名和密码后点击登录

输入用户名和密码后点击登录；谷歌浏览器会弹出一个对话框；对话框如下图

对话框提示内容是“希望Google Chome保存您在此网站上使用的密码吗？”，点击按钮“保存密码”后；注销在次登录。

3、input的输入框样式倍改变

注销再次登录后的登录页面input输入框样式改变了；改变的效果如下图

4、检查代码

打开控制台发现谷歌浏览器下的部分样式覆盖了；代码如下；

我使用了两种方法；发现没法覆盖那些样式；

请问有办法解决吗？

重写 input:-webkit-autofill伪类

http://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete

方法1：阴影覆盖
input:-webkit-autofill {

-webkit-box-shadow: 0 0 0 1000px white inset !important;

}
方法2：修改chrome浏览器渲染黄色背景的时间
:-webkit-autofill {

-webkit-text-fill-color: #fff !important;

transition: background-color 5000s ease-in-out 0s;

}

这是因为Chrome浏览器中，记住密码会显示特有CSS样式，优先级比网页原来的高。
除非用户不使用密码记住功能，才能避免这种情况。