在选择之前，Chrome自动填充中的预填充值是不同的大小

Question

在我的应用程序上，我有多种形式要求用户提供基本信息。 （名称，电子邮件，地址等）。

在chrome上，我们有很好的自动填充功能。因此，当您查看这些表格之一并选择自动填充选项时，所有的值都填充到我的特定信息中，这很巧妙。

但是我遇到了问题。当我将鼠标悬停在chrome自动填充选项上时，我的表单值已预先填充（这不会打扰我，因此是首选）。但是，问题在于这些预填充值的字体很小。一旦我选择了chrome自动填充选项，就选择了值，它从较小的字体大小（大约8ish px）跳到我设置的字体大小（20px）。

我一直在寻找$max_col_count = max(array_map("count", $data_array)); 工具.....但是我觉得我已经设法解决了表单值中除实际预填充值以外的所有内容。

这是一张之前和之后的图片，以帮助阐明我在此处遇到的问题。

我的代码是

webkit-autofill

我的CSS代码是

<form>
  <div class="form-group">
    <label for="exampleInputFirst">First Name</label>
    <input type="text" class="form-control input-lg" id="exampleInputFirst">
  </div>
  <div class="form-group">
    <label 
....

我希望将鼠标悬停在text:-webkit-autofill, #exampleInputFirst:-webkit-autofill:hover { border: 1px solid red; font-size: 20px; } 上可以解决此问题，但是只有在选择了该值后它才会生效。可以用任何方式格式化预先填充的值吗？