无法在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

我知道这是一个老问题，但是我可以使用init(coder:)选择器解决此问题：

input:-webkit-autofill::first-line