我在使用React和样式化组件时遇到了这个问题。为了解决这个问题，我在我的样式化组件中使用了以下css（这是一个<label>）：
input:-webkit-autofill + &个
它的工作原理是检查输入中是否有自动填充，如果为true，则应用我们想要的样式。
注意：您可能需要将&替换为input。

试试这个

.login-form{

  width: 50%;
  }

form div{
padding: 10px;
}

form div label, form div .fa{
color: blue;
}

个字符

您需要在Login表单的元素中添加activeclass：
举例来说：
第一个月
或者将下面的代码片段添加到css中：

input:-webkit-autofill { +label { @extend .active; } } }`

字符串
让我知道如果它工作，谢谢。

$(window).on('load', function (){
    setTimeout(function() {
        $('input:-webkit-autofill').each(function (){
            $(this).parent().addClass('focused');
        });
    }, 500);
});

.form-group.focused .floating-label {
    color: #7b7f82;
    font-size: 12px;
    left: 14px;
    opacity: 1;
    top: 8px;
}

<div class="form-group floating-group">
<label class="floating-label">tel</label>
<input type="text" name="telefon" id="telefon">
</div>