修改谷歌填充输入框后自带的默认样式

第一种：Element UI的输入框

  .el-input__inner:-webkit-autofill {
    caret-color: #8fd4ff;
    -webkit-text-fill-color: #8fd4ff;
    box-shadow: 0px 0px 10px 0px rgba(32, 139, 248, 0.29),
      0px 0px 12px 1px rgba(32, 139, 248, 0.19);
    transition: background-color 5000s ease-in-out 0s;
  }

 

第二种：原生的输入框

  .input:-webkit-autofill {
    caret-color: #8fd4ff;
    -webkit-text-fill-color: #8fd4ff;
    box-shadow: 0px 0px 10px 0px rgba(32, 139, 248, 0.29),
      0px 0px 12px 1px rgba(32, 139, 248, 0.19);
    transition: background-color 5000s ease-in-out 0s;
  }