Remova 3 pixels na área de texto iOS / WebKit

Question

Jul 31, 2011, 04:53 PM

Remova 3 pixels na área de texto iOS / WebKit

Estou tentando criar umtextarea que se parece exatamente com umdiv.

o entanto, no iOS existem 3 pixels provenientes de algum lugar que não consigo remove

Aqui está o meu 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>

Isso é renderizado assim (eu ampliei o zoom):

Como mostra a captura de tela, há 3 pixels antes do texto que eu quero me livrar. Tanto quanto posso ver, não é a margem / preenchimento ou a bord

Isso acontece no meu iPhone e iPad, ambos executando o iOS 4.3. E para ser claro; esses 3 pixels extras não aparecem no Safari / Firefox / Chrome na minha área de trabalho. Ou o Windows Phone do meu irmão, por sina

EDIT 2011-08-10:
Acabei de testar isso em um<input type=text> e a mesma coisa "preenchimento" aparece, exceto que é 1 pixel em vez de 3.