您似乎正在使用 Google Chrome(或其他基于 webkit 的浏览器)。它来自 Chrome 中的自动完成功能,与 vuetify 库无关。
您可以解决这个问题(至少在谷歌浏览器 83)使用CSS。
如果你想手动覆盖背景颜色,您可以通过内部盒子阴影重叠它。将 box-shadow 的扩展半径设置为超过 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 prop:
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;
}