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

Question

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

您可以看到正确和错误字体大小的图片here。

我尝试在元素的 -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;
}