Retire 3 píxeles en iOS / WebKit textarea
Estoy tratando de crear unatextarea que se ve exactamente como undiv.
Sin embargo, en iOS hay 3 píxeles provenientes de algún lugar que no puedo eliminar.
Aquí está mi código:
<!doctype html>
<title>Textarea test</title>
<style>
textarea, div
{
background: yellow;
font: 13px arial;
border: 0;
padding: 0;
border-radius: 0;
margin: 0;
-webkit-appearance: none;
}
</style>
<div>test</div>
<hr>
<textarea>test</textarea>
Esto se muestra así (he ampliado):
Como muestra la captura de pantalla, hay 3 píxeles antes del texto del que quiero deshacerme. Por lo que puedo ver, no es el margen / relleno o borde.
Esto sucede en mi iPhone y iPad, ambos con iOS 4.3. Y para ser claro; esos 3 píxeles adicionales no aparecen en Safari / Firefox / Chrome en mi escritorio. O el Windows Phone de mi hermano, para el caso.
EDIT 2011-08-10:
Acabo de probar esto en una<input type=text> y aparece el mismo "relleno", excepto que es 1 píxel en lugar de 3.