CODEWITHSUNDEEP
htmlcssiphonegoogle-chromesafari
Fasith A
Fasith A

Reputation: 33

Input text is not visible in iphone safari and chrome browser

In this, breaktime label have input field, while I typed in this input field, It is not visible in iphone.[All input field in this project]

when I type in the input field, it is not visible in iphone browsers like chrome,safari,firefox but it is working fine in android browers.

Upvotes: 1

Views: 5263

Answers (3)

Dor Levi
Dor Levi

Reputation: 361

Add in your CSS the transform attribute to the input:

transform: translateZ(0);

Upvotes: 1

Fasith A
Fasith A

Reputation: 33

This issue is happen in iphone because of Font-family:Gotham. You can change the font-family for input field and it will work fine in iphone browsers.

Upvotes: 0

Natalia Davydova
Natalia Davydova

Reputation: 748

Don't know exactly why, but it's something wrong with a font-family. If I add a font-family explicitly to these inputs or to their container, like:

.timegroup {
  font-family: Arial; //or Helvetica, or whatever
}

it works on iphone browsers.

Upvotes: 2

Related Questions