How to change input name background? [duplicate]

Question

When I click the mouse on input, Drop down the mailing list, When I bring the mouse to Miles Is changing input background. As shown in the photo. How to remove or change this time input background?

enter image description here

I have already tried "focus", But it didn't work.

<input type="email" name="email" placeholder="Email">

    input {
        background: none;

        &:focus {
            background: none;
        }
    }

Please go read How to Ask and minimal reproducible example, and edit your question accordingly. — 04FS
– 04FS, Commented Sep 25, 2019 at 9:24

David Fontes · Accepted Answer · 2019-09-25 10:17:35Z

0

For Google chrome you can do the following:

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

<input type="text" name="name">

Replace white for the desired color. I took this snippet from this SO answer. It should also be a good idea to take a deeper look into that SO question has there are slightly different solutions that might work better for you.

Keep in mind that this is non standard and its use should be avoided but for now, this is what you can do. Ref: MDN

edited Sep 25, 2019 at 10:17

answered Sep 25, 2019 at 9:39

David Fontes

1,5102 gold badges14 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jhon Over a year ago

but if i need that background none?

David Fontes Over a year ago

I don't think you can, only choose a color that will give that impression.

jkmosdev · Accepted Answer · 2019-09-25 09:49:57Z

0

input:hover {
   background-color: #fff;
}

answered Sep 25, 2019 at 9:49

jkmosdev

93 bronze badges

1 Comment

jkmosdev Over a year ago

if you want to remove box shadow then add box-shadow: none;

Collectives™ on Stack Overflow

How to change input name background? [duplicate]

2 Answers 2

2 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Linked

Related