How do I remove the input label after entering a value on the signup page?

Store Design
, ,
1

How can I remove the input label when a value is entered on the sign up page for an account (see attached)

Store URL: https://aoapparel.co.uk/

Password: thaosk

LewisSutton_0-1667841177815.png
LewisSutton_0-1667841177815.png569×209 5.05 KB

2

@LewisSutton

yes, add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/base.css ->paste below code at the bottom of the file.
.field__input:focus~.field__label, .field__input:not(:placeholder-shown)~.field__label, .field__input:-webkit-autofill~.field__label, .customer .field input:focus~label, .customer .field input:not(:placeholder-shown)~label, .customer .field input:-webkit-autofill~label {
    display: none !important;
}
3

Thank you so much! @KetanKumar

4

@LewisSutton

its my pleasure to help us