Search code examples
formsinputiphone-6

Form input change to white background - iphone 6

I have a form. When i type first character in iphone 6 all form and input change to white background (font color also white too), i can't do anything with it. When delete all character in input. Form change to normal. It works in firefox, chrome, safari and android except iphone. Anyone can help me please. Thank you so much!

Update form css:

 background-color: #f2f2f2;
 padding: 10px 10px 10px;
 border-radius: 5px;
 margin-left: auto;
 margin-right: auto;
 max-width: 550px;
 box-shadow: 0px 0px 20px 0px rgba(217,217,217,1);

I just try background: transparent; background: none; all: revert !important; with input but nothing work for me.

The form look like this

Solution

  • fix this bug.

        input {
       position: relative;
       z-index: 10;
       display: block;
    }