input:not(:placeholder-shown) ~ label selector does not work with autofill

Question

I have floating placeholder in the input field.

Placeholder will appear in center when we input value has not been provided. as shown in the below screenshot (Email and

Answer 1

It works for me

.form-label-group input:-webkit-autofill ~ label {
        /* CSS property  */
}

You can try it