解决账号密码(el-input)自动填充后出现不同背景色

当我们使用账号密码登录时,选择之前保存的账号和密码进行登录时,浏览器会自动把账号和密码填充到输入框中此时输入框会出背景色与旁边的白色会有视觉冲突!

去除前: 会出现很突兀的背景色

去除后: 

<el-form-item label="账号" prop="accountNo">
   <el-input
      v-model="userData.accountNo"
      class="accountNo"
      placeholder="请输入账号"
      clearable
    />
</el-form-item>
<el-form-item label="密码" prop="password">
   <el-input
      v-model="userData.password"
      class="password"
      placeholder="请输入密码"
      clearable
      show-password
    />
</el-form-item>

// 解决登录框自动填充账号密码背景色
:deep(.accountNo .el-input__inner:-webkit-autofill) {
  background-color: #ffffff !important; /*在这里换成你想要的颜色*/
  transition: background-color 5000s ease-in-out 0s !important;
}
 :deep(.password .el-input__inner:-webkit-autofill) {
   background-color: #ffffff !important; /*在这里换成你想要的颜色*/
   transition: background-color 5000s ease-in-out 0s !important;
 }