Form Input Background

 This is a way to eliminate the background change on a form input when using a suggestion button on the keyboard. This is on an Android tablet.

1
2
3
4
5
6
7
   input:-webkit-autofill,
   input:-webkit-autofill:hover,
   input:-webkit-autofill:focus,
   input:-webkit-autofill:active {
     -webkit-background-clip: text;
     transition: background-color 5000s ease-in-out 0s;
   }

I found this at GitHub .

Somehow it seemed to break when I changed the form from using class to id in the CSS. When I changed it back it worked again. Just strange.

Edit: I found out it was only the one rule that broke it:

1
2
3
    #searchform input {
      all: unset;
    }

It doesn't have the same effect with something like this:

1
2
3
    .search_form input {
      all: unset;
    }

but the fix stays in effect.

 

Comments