输入自动填充问题，默认背景颜色和对焦不触发自动填充弹出窗口

问：

我使用 tailwind css 和 vue，我在输入类型电子邮件方面有两个问题。 输入设置：type=email， name=email， autocomplete=on

第一个问题：例如，chrome 具有默认的自动填充颜色浅蓝色，我无法摆脱它，我想将其设置为透明，因为我创建的自定义输入是 div，里面有默认输入，div 有自定义颜色。我尝试了多种变体，唯一有效的是白色背景槽：-webkit，但我有浅色/深色主题，当我更改为深色主题时，背景保持白色。

第二个问题是触发对输入的关注。正如我所说，我的div里面有输入，当点击div时，我会在输入时触发.focus（），但由于某种原因，焦点不会触发自动填充弹出窗口的打开，只有当我直接点击输入时才会触发

这是我的输入设置、焦点触发和 CSS 设置以删除自动填充（我尝试了多种变体来去除背景）

<input type="email" name="email" autocomplete="on">

this.$refs.input.focus();

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
}