How to change input name background?

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 [ask] and [mre], and edit your question accordingly. — 04FS, Sep 25 '19 at 09:24

David Fontes · Accepted Answer · 2019-09-25T10:17:35.037

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 '19 at 10:17

answered Sep 25 '19 at 09:39

David Fontes

1,427
2
11
16

but if i need that background none? – jhon Sep 25 '19 at 10:09
I don't think you can, only choose a color that will give that impression. – David Fontes Sep 25 '19 at 10:15

score 0 · Answer 2 · answered Sep 25 '19 at 09:49

0

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

answered Sep 25 '19 at 09:49

jkmosdev

9
3

1

if you want to remove box shadow then add `box-shadow: none;` – jkmosdev Sep 25 '19 at 09:51

How to change input name background?

2 Answers2