无法在自动填充文字的 Chrome 表单上定义字体大小

Question

我正在创建一个包含表单的弹出窗口。我正在Chrome上测试它，并正在尝试解决Chrome自动完成样式。我不是想摆脱自动完成，只是想保持我写的样式。 我设法摆脱了背景颜色、边框和文本颜色的样式 - 现在我只需要在自动完成的文本上定义字体大小。

您可以在此处查看正确和错误字体大小的图片。

我试图在元素的 -webkit-autofill 上定义字体大小。它没有用。

还尝试定义webkit-text-size-adjust，但是似乎不再支持它。

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus {
webkit-text-size-adjust: 150%;
font-size: 18px;
}

当我可以定义其他样式时，为什么简单地定义字体大小不起作用？

Answer 1

我知道这是一个老问题，但我能够使用input:-webkit-autofill::first-line选择器解决这个问题：

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
input:-webkit-autofill::first-line {
font-size: 18px;
}