Problemas de dispositivos IOS con entrada de formulario HTML (tipo = texto)

Entonces tengo un formulario de inicio de sesión HTML con dos campos: Correo electrónico y Contraseña. Estos se pueden llenar fácilmente en el navegador de cualquier dispositivo que no sean dispositivos IOS (iPhone, iPad). En IOS, los campos apenas pueden estar enfocados y una vez que está enfocado, aparece el teclado, empiezo a escribir pero en realidad no se está llenando nada. He intentado tanto en Chrome como en safari y sigo obteniendo el mismo resultado. El campo permanece negro. A continuación es cómo se formatea mi formulario:

<form method="post" name="login" action="login">
   <div class="divInputWrapper ">
      <i class="icon-envelope inputIcon inlineElt"></i>
      <label for="email"></label>
      <input type="text" name="email" placeholder="Enter your email address" class="formInput"/>
   </div>
   <div class="divInputWrapper ">
      <i class="icon-envelope inputIcon inlineElt"></i>
      <label for="password"></label>
      <input type="password" name="password" class="formInput"/>
    </div>
    <button class="blue centeredContent">Login</button>
</form>

Intenté agregar un atributo de enfoque automático, preestablecer un valor y seguir siendo el mismo.

Respuestas a la pregunta(1)

Su respuesta a la pregunta