Html vuetify v-text-field背景色在给定值后发生变化

我正在使用vuetify创建登录表单，并使用v-text-field作为输入。 如果对某个字段有建议，则会出现问题：

例如，我的浏览器中保存了多封电子邮件，它会在电子邮件字段中为我提供这些电子邮件的建议，到目前为止一切都很好。 但当我选择其中一个时：

查看字段的背景色从白色变为浅蓝色

我希望有一种方法来禁用这种行为，因为我的网站上有一个黑暗的背景，当背景改变时，它是非常丑陋的。

---

我试图在HTML中找到元素并更改样式，但没有生效。

看起来您正在使用Google Chrome或其他基于webkit的浏览器。它来自Chrome中的自动完成功能，与vuetify库无关

您至少可以在谷歌Chrome83中使用CSS解决这个问题

如果要手动覆盖背景色，可以通过内部框阴影将其重叠。仅当场的大小非常大时，将“长方体阴影”的扩展半径设置为大于30px是没有意义的：

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 30px #ffffff inset !important;
}

但如果要使输入背景透明，可以设置另一个CSS道具：

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-background-clip: text;
}

---

这里有一个代码笔的例子，请看一看你的代码笔链接是断开的，有没有办法让它继承父div的背景？我有一个梯度背景，所以没有定义的颜色，而不是颜色fffffff@Roronoa_D._Law是的，这是可能的。我已经更新了我的答案，现在我有黑色的文本在黑暗的背景下解决了-webkit文本填充颜色：白色！重要的