谷歌浏览器使用记住密码功能 导致input 输入框样式改变的解决办法

 使用到谷歌浏览器的记忆功能时  选择的内容为浏览器保存的内容时  会导致样式改变！

// 在使用浏览器保存的数据时 输入框的样式
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
    // 字体颜色
    -webkit-text-fill-color: @c_text_fff !important;
    // 背景颜色
    background-color:transparent !important;
    // 背景图片
    background-image: none !important;
    //设置input输入框的背景颜色为透明色
   -webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;  
    transition: background-color 50000s ease-in-out 0s;  
  }

其中 @c_xxxxxxx 是我自定义的颜色  ！  其中遇到的坑是  设置背景颜色没有效果  所以用了box-shadow来覆盖！

修改完成后  样式为：